{

outline:none;
box-sizing:border-box;

}
html{
Scroll-behaviour:smooth;
box-sizing:border-box;
*webkit-foot-smoothing:antialiased;

}
::*webkit-Scrollbar{
width:10px;
}
::webkit-Scrollbar-track{
background:#f1f1f1;
}
::webkit-Scrollbar-thumb{
background:#888;
}
::webkit-Scrollbar-thumb-hover{
background:#555;
}

body{
background-size:cover;
background-position:center;
display:flex;
justify-content:center;
flex-direction:column;
padding:2rem;
width:100%;
height:0;
font-family: 'Roboto', sans-serif;
}
@media only screen and(max-width:400px){
body{
padding:1rem;
}
}
main{

background-color:white;
display:flex;
flex-direction:column;
align-items:flex-start;
max-width:125ms;
width:100%;
border-radius:blur(20px);
*webkit.filter:blur(20px);
font-weight:500;
padding:1rem;
overflow:auto;

}
main::*webkit-Scrollbar{
display:none;
}
. navi{
display:flex;
align-items:center;
align-content:space-between;
width:100%;
height:80px;
border-bottom:1.5px solid rgb(365 255 255/35%);
background:#0082e6;

}
. navi>h1,. navi>navemenue{
margin:10px;
}
. navemenues>a{
padding:5px 10px;
margin-left:10px;
text-decoration:none;
color:black;
display:inline-block;
background-color:blue;

}
. navemenues>a:hover{
transition:ease-in-out 300ms;
}
@media only screen and(max-width:700px){
. navemenues{
display:none;

}
}
. studentarea{
margin:2rem;
width:100%;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-evenly;

}
. spicture{
width:10px;
height:9px;
object-fit:cover;
object-position:center;
border-radius:5px;