*{

margin:0;

padding:0;

box-sizing:border-box;

}


body{

overflow:hidden;

}



.opening{


width:100vw;

height:100vh;

background:#075fa8;


display:flex;

flex-direction:column;

justify-content:center;

align-items:center;


color:white;


animation:

fadeOut 1s 3s forwards;


}



.school{


font-size:48px;

font-weight:bold;

letter-spacing:8px;


animation:

showText 1.5s;


}



.english{


margin-top:25px;

font-size:20px;

letter-spacing:6px;


}



.year{


margin-top:30px;

font-size:18px;


}





@keyframes showText{


from{

opacity:0;

transform:
translateY(30px);

}


to{

opacity:1;

transform:
translateY(0);

}


}





@keyframes fadeOut{


to{

opacity:0;

visibility:hidden;

}


}