@charset "UTF-8";

header nav{
    position:absolute;
    top:1em;
    right:1em;
    display:flex;
    width:45%;
    justify-content:space-between;
}

header nav div{
position:relative;
}

.box1{

margin-bottom:0;
}

.box2{
   
}

.note{
    padding:2rem;
    padding-bottom:0;
}

.noteBlock{
    display:flex;
    justify-content:space-between;
    margin-bottom:1em;
}

.noteBlock dt,
.noteBlock dd{
    line-height:1.75;
}

.noteBlock dt{
    width:20%;
}

.noteBlock dd{
    width:75%;
}

 header nav div:hover{
    animation:blink_animation 0.3s ease-in-out;
}

@media screen and (max-width:540px){

    header{
        padding-bottom:0.5rem !important;
    }

    h1{
        margin-bottom:0.25em !important;
    }

    header nav{
        position: relative;
        top: 0;
        left: 0;
        width: calc(100% - 0.0em);
    }

    header nav div{
        font-size:1.5rem;
        
    }

   


    .noteBlock{
        display:block;
        margin-bottom:1.75em;
    }

    .noteBlock dt,
    .noteBlock dd{
        width:100%;
    }
}