#app-container{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}#app-container h1{font-size:50px;margin:0 0 25px}#app-container #projects{max-width:100%;width:1260px;display:flex;gap:20px;flex-wrap:wrap;justify-content:center;align-items:center}.project{position:relative;height:300px;width:400px;box-sizing:border-box;color:#000;border-radius:15px;overflow:hidden}.project h2{position:absolute;left:20px;top:20px;line-height:100%;margin:0;font-size:50px}.project img{position:absolute;left:30%;top:40%;transform:translateY(-50%);height:150%;rotate:-10deg;filter:brightness(0);opacity:.1}.project .bottom-btns{z-index:2;position:absolute;left:0;bottom:0;display:flex;justify-content:space-between;width:100%;padding:10px;box-sizing:border-box}.project .bottom-btns .socials{display:flex;gap:5px}.project .bottom-btns .socials a{display:block;height:30px;width:30px;padding:5px;font-size:20px;text-align:center;line-height:30px;background-color:#000;color:#fff;border-radius:50%;transition:.3s}.project .bottom-btns #see-more-btn{display:block;width:150px;height:30px;padding:5px 0;font-size:18px;text-align:center;background-color:#000;border:none;color:#fff;border-radius:10px;box-sizing:content-box;transition:.3s}.project .info{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;padding:20px 20px 60px;background-color:#fff;opacity:1;box-sizing:border-box;transition:opacity .3s}.project .info.hidden{z-index:-1;opacity:0;transition:opacity .3s,z-index .3s .3s}.project .info h3{margin:0;font-size:25px}.project .info p{margin:0;font-size:16px}body{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{-webkit-user-select:none;user-select:none;pointer-events:none}button{cursor:pointer}