#root,body,html{height:100%;width:100%}*,:after,:before{box-sizing:border-box}.home-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:20px}.intro-section{width:100%;margin-bottom:40px}.deck-section{width:100%;min-height:100vh}.deck-section,.fontPortfolio{display:flex;justify-content:center;align-items:center}.fontPortfolio{font-size:100px;color:#fff;text-align:center;margin:0 30px;font-weight:600;letter-spacing:.05rem}.page-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;padding:16px}.image-container{position:relative;width:100%;overflow:hidden}.image{width:100%;height:auto;object-fit:cover;cursor:pointer;opacity:0;transform:scale(.95);transition:opacity .5s ease-in-out,transform .5s ease-in-out;border-radius:10px}.image-loaded .image{opacity:1;transform:scale(1)}.full-screen-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1000}.full-screen-image-wrapper{position:relative;width:80%;height:80%;max-width:100%;max-height:100%}.full-screen-image{object-fit:contain}.nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:hsla(0,0%,100%,.8);border:none;padding:10px;cursor:pointer;z-index:1001;font-size:24px}.prev-button{left:20px}.next-button{right:20px}.des{margin-top:-40vh}@media (max-width:768px){.page-content{grid-template-columns:repeat(auto-fit,minmax(100%,1fr));gap:8px;padding:8px}.full-screen-image-wrapper{width:100%;height:100%;padding:10px}.nav-button{font-size:18px;padding:8px}.fontPortfolio{font-size:40px;letter-spacing:.05em;margin:0 40px;text-align:center;overflow:hidden}}@media only screen and (min-device-width:768px) and (max-device-width:1200px){.fontPortfolio{font-size:75px;letter-spacing:.05em;margin:0 40px;text-align:center;overflow:hidden}}.carouselContainer{overflow:hidden}.iframe1{margin-top:12vh;width:100%;height:100vh}