@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:2rem auto;
}

nav{
    margin:1rem auto;
    margin-bottom:10rem;

    border-top:1px;
    border-style:solid;
    border-color:rgb(103, 204, 171);
    opacity:20%;

}

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

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

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

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

    margin:3rem;
    
}

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