.bg,.bg img{height:100%}.bg img,header,main{width:100%}body,header,main,section{display:flex}.bg,.clouds{top:0;left:0;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}body{width:100vw;min-height:100svh;align-items:center;justify-content:space-evenly;flex-direction:column;position:relative;font-family:Karantina,serif;color:#fff;text-shadow:0 5px 4px #0000007e;overflow-x:hidden;padding:2rem 0;background:#fff}header{justify-content:center;align-items:center;flex:1}.bg{position:absolute;filter:blur(2px);backdrop-filter:blur(10px);width:100svw;z-index:-1}.cloud,.clouds{position:absolute;width:100vw;height:100svh}.bg img{object-fit:cover;object-position:center}main{justify-content:center;align-items:center;flex:2}main img{width:min(872px,90%)}section{flex:1;justify-content:center;align-items:center}section h1{text-transform:uppercase;font-size:clamp(2rem, 10vw, 8rem);letter-spacing:10px}.animate{opacity:0}.clouds{z-index:1;pointer-events:none}.cloud{object-fit:contain}.cloud1{top:-25%;left:-5%}.cloud2{top:-20%;right:-0%}.cloud3{top:0;left:-15%}.cloud4{bottom:-15%;right:-15%}.cloud5{bottom:-30%;left:0%}@media (max-height:500px){body{gap:0;overflow-y:auto}header img{max-height:70px}main img{min-height:200px;height:60vh}section h1{font-size:clamp(2rem, 10vw, 5rem)}}@media screen and (max-width:768px){body{justify-content:center}header img{max-height:55px}header{flex:2;align-items:flex-end}section{flex:2;align-items:flex-start}}