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

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

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

}

h1{
    font-family:'Jersey 10';
    font-size:40px;
    color:rgb(103, 204, 171);
    margin:3rem auto;
    text-align:center;

}

header{
    display:flex;
    justify-content:space-between;
    
}

header img{
    width:5rem;
    height:5rem;
    margin-top:1rem;
    margin-right:1rem;
    border:1px;
    border-radius:50%;
    border-color:rgb(3, 21, 51);
    border-style:solid;

}

div{
    display:flex;
    justify-content:space-between;
    margin-top: 2rem;
}

a{
    color:rgb(103, 204, 171);
    background-color:rgb(3, 21, 51);
    font-family:'Jersey 10';
    font-size :25px;

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

    text-decoration: none;
    margin-left: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);
}



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

    text-align:center;

}

section{
    text-align:center;
    color:rgb(103, 204, 171);
    font-family:'Jersey 10';
    font-size:20px;
    text-decoration:none;
}

section img{
    width: 250px;
    height:350px;
    
    border:1rem;
    border-radius:50px;
    border-style:solid;
    border-color:rgb(13, 36, 76);

    box-shadow:0px 0px 50px rgb(13, 36, 76);
}

section h2{
    margin:1rem auto;
}

    @keyframes cursor {
    50%{border-color:transparent}
}

        @keyframes tybing{
        from{ width:0;}
    }