body{width:100vw;height:100vh}html,body{margin:0;overflow-x:hidden}#main-div{width:calc(100vw - 270px);height:100vh;margin-left:270px}#submaindiv{flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.banner{background-color:orange;border:3px solid #ff8c00;border-radius:10px;justify-content:center;align-items:center;width:calc(50vw - 135px);height:100px;display:flex}.logo-text{color:#fff;text-shadow:1px 0 #cfcfcf,-1px 0 #cfcfcf,0 1px #cfcfcf,0 -1px #cfcfcf;font-family:"Baloo 2",cursive;font-size:40px}.subtitle{margin-top:20px;font-size:24px}.description{opacity:.8;text-align:center;max-width:600px}.buttons{gap:15px;margin-top:30px;display:flex}.buttons button{cursor:pointer;border:none;border-radius:10px;padding:12px 22px}.stats{text-align:center;gap:60px;margin-top:60px;display:flex}.project-banner{-webkit-backdrop-filter:blur(10px);cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border:#0000;border-radius:12px;justify-content:center;align-items:center;width:350px;height:120px;margin-top:10px;transition:transform .2s,box-shadow .2s;display:flex}.project-banner:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.project-banner:active{transform:scale(.98)}.project-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-items:center;gap:20px;width:min(1200px,100%);margin:30px auto;padding:0 20px;display:grid}