@import url('https://fonts.googleapis.com/css2?family=Jersey+10&display=swap');


*{
    margin:0;
    padding:0;
    scroll-behavior:smooth;

}

body{
    background-color:rgb(3, 21, 51);
}

header{
    color:rgb(103, 204, 171);
    font-family:'Jersey 10';
    font-size:50px;
    text-align:center;
    margin:1rem;
}

nav{
    border-top:1px;
    border-style:solid;
    border-color:rgb(103, 204, 171);
    opacity:20%;
    margin:1rem auto;
    margin-bottom:2rem;
}

section{
    text-align:center;
    font-family:'Jersey 10';
    font-size:30px;
}

section img{
    width:20px;
    height:20px;
    margin:-2px;
}

a{
    color:rgb(103, 204, 171);
    text-decoration:none;

    border:1rem;
    border-radius:25px;
    border-style:solid;
    border-color:rgb(3, 21, 51);

    margin-top:1rem;

}

a:hover{
    background-color:rgb(13, 36, 76);
    border-color:rgb(13, 36, 76);
    box-shadow:5px 5px 20px rgb(13, 36, 76), -5px -5px 20px rgb(69, 140, 116);
}

footer{
    text-align:center;
    font-family:'Jersey 10';
    font-size:30px;
    color:rgb(103, 204, 171);
    margin:20rem;
    opacity:50%;
}