*{margin: 0;padding: 0;}
body{
    background-color: #E1F5FE;
    font-family: 'Amatic SC', monospace;
    color: darkcyan;
}
/* navigation */
header{  
    /* contains logo an */
    width:100%;
    /* display: flex; */
    height: 10vh;
    width: 100%; height: 10vh;  
    align-items: center;
    display: flex;
    background-color:#102e44;
    color:#03A9F4;
}
.logo {
    width: 30%;
    left: 100%;
}
.logo img{
    margin-left: auto;
    margin-right: auto;
    display: block;
    height:10vh;
}
nav{
    width: 70%;
    right: 100%;
    /* align-content: space-around;  */
    display:flex;
    /* align-items:center ; */
}
nav a{
    text-align: justify;
    text-decoration: solid;
    font-family: monospace;
    font-size: 2vh;
    color: rgb(149, 226, 226);
    margin:4vw;
}

main{
    
}
.row{
    width: 100%;
    /* align-content: center; */
    text-align: center;   
}
#top{
    height: 30vh;
    display: flex;
}
#topContent{
    width: 100%;
    align-content: space-around;
    text-align: center;   
    margin :2vh;
    padding: 2vh;
    color:#00838F;
    font-size: 4vh;
}
/* about me */
#about{
    height: 40vh;
    display: flex;
}
.left{
    width:40%;
    left:100%;
}
.right{
    width: 60%;
    right: 100%;
    font-size: 2.5vh;
    font-family: 'Coming Soon';
    padding:1vh 3vw 1vh 1vw;
}
ul{
    list-style-position: inside;
    text-align: justify;
}
#NOTICE{
    color: rgb(255, 177, 60);
      
}
/* fonts
    font-family: 'Nanum Pen Script';
    font-family: 'Amatic SC';
    font-family: 'Indie Flower';
    font-family: 'Coming Soon';
    font-family: 'Cabin Sketch'; */