@media screen and (max-width:540px){*,::after,::before{box-sizing:border-box}body{margin:0;padding:0;font-family:Delius,cursive;background-color:rgba(255,255,255,.2);width:100%;min-height:100vh;display:grid;grid-template-columns:1fr;grid-auto-rows:max-content;row-gap:0}body .projects{padding:.2em;font-family:Roboto,sans-serif;width:100%;min-height:80vh;display:grid;grid-template-columns:1fr}body .projects .home-wrap{margin:.5em;border-radius:.4em;position:relative;animation-name:elementHide;animation-duration:1.3s;animation-timing-function:ease-in;width:96%}body .projects .home-wrap h2{text-align:center;color:#2b2e64;font-size:5vw;position:relative;animation-name:displayHide;animation-duration:1.9s;animation-timing-function:ease-out}body .projects .projectss .wrap{padding:.4em;display:inherit;grid-template-columns:1fr;grid-auto-rows:max-content;row-gap:.4em;justify-items:center}body .projects .projectss .wrap .imge{width:98%;height:40vh}body .projects .projectss .wrap .imge img{border-radius:.4em;width:100%;height:100%;object-fit:contain}body .projects .projectss .wrap .link{width:80%;display:inherit;grid-template-columns:1fr;justify-items:center}body .projects .projectss .wrap .link a{padding:.4em;outline-style:none;text-decoration:none;font-size:5vw;color:#2b2e64}body .projects .projectss .wrap .link a:hover{color:#f08906}body footer{padding:1em;width:100%;font-family:Roboto,sans-serif;background-color:#2b2e64;display:grid;justify-items:center}body footer .navbox{width:70%}body footer .navbox p{text-align:center;color:#f08906;font-weight:600;font-size:3vw}}