*{
    box-sizing:border-box;
}
/* Responsive styling */
body{
    background-color: black;
    color:rgb(255,255,255);
    width:100%;
    margin-left: auto;
    margin-right: auto;
    padding-left:0.5rem;
    padding-right:0.5rem;
}
@media (min-width:475px){
    body{
        max-width:475px;
    }
}
@media (min-width:640px){
    body{
        max-width:640px;
    }
}
@media (min-width:768px){
    body{
        max-width:768px;
    }
}
@media (min-width:1024px){
    body{
        max-width:1024px;
    }
}
@media (min-width:1280px){
    body{
        max-width:1280px;
    }
}
@media (min-width:1536px){
    body{
        max-width:1536px;
    }
}
/*header styling*/
header{
    width:fit-content;
    display:flex;
    margin:25px auto 50px auto;
}
header img{
    margin-right:20px;
}
header img{
    max-width:100px;
}

/*nav and anchor tags styles*/
nav{
    display:flex;
    justify-content:space-around;
    padding:0 30px 0 30px;
    margin:0 0 20px 0;
}
nav a{
    color:white;
}
a{
    color:gray;
    text-decoration:none;
}
a:hover{
    color:rgb(255, 0, 0);
    text-decoration: underline;
}
nav a:hover{
    font-size:2.6rem;
}
.currentPage{
    color:red;
}
/*footer*/
footer{
    width:fit-content;
    margin:0 auto 0 auto;
    text-align: center;
    display:flex;
    flex-direction:column;
}

/*font styling*/
.mediumFont{
    font-size:1.2rem;
}
.titleFont{
    font-size:2rem;
}
.largeFont{
    font-size:2.5rem;
}