.wrapper{position:relative;width:100vw;height:100vh}.box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.headboard{position:relative;width:100%;display:flex;justify-content:center;z-index:1}.overlap{position:absolute;top:20%;left:50%;transform:translate(-50%);z-index:2;width:100%;text-align:center;max-width:700px}.text{margin:0 auto;display:flex;justify-content:center;font-size:40px}.blurb{margin-top:20px;font-size:20px;text-align:center}.buttons{margin-top:40px;display:flex;justify-content:center;gap:50px}.buttons img{margin:0}.buttons button{border:none;background-color:transparent;cursor:pointer;padding:0}.buttons button:focus{outline:none}.button-text{margin-top:10px;text-align:center}.border{width:100%}.top{position:fixed;top:0;left:0}.bottom{position:fixed;bottom:0%;right:0}:root{--speed: .5s}.menu-trigger img{position:absolute;top:50px;right:50px;height:50px;width:50px;border-radius:50%;overflow:hidden;cursor:pointer;transition:opacity .5s ease;opacity:.5}.dropdown{position:absolute;top:100px;right:20px;background-color:#fbede8;padding:10px 20px;width:150px;border-radius:30px}.dropdown.active{opacity:1;visibility:visible;transform:translateY(0);transition:var(--speed) ease}.dropdown.inactive{opacity:0;visibility:hidden;transform:translateY(-20px);transition:var(--speed) ease}.dropdown ul li{padding:10px 0;border-top:1px solid rgba(0,0,0,.05)}.dropdown ul li:hover{color:#faebd7;cursor:pointer}.item{display:flex;margin:10px auto}.item img{max-width:20px;margin-right:10px;transition:var(--speed)}.item a{max-width:100px;margin-left:10px;transition:var(--speed);font-family:Piazzolla,serif}.menu-container{position:fixed;top:0;right:0}.fade-out-text{animation:fadeOut 16s forwards;position:relative;text-align:center;margin-top:200px;margin-left:200px;padding-bottom:0}.back-container{position:relative;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;max-width:1450px;overflow:hidden;margin-left:20%;height:400px}.image-track{display:flex;gap:10px;overflow-x:auto;padding:10px 0}.image-track img{width:auto;height:375px;border-radius:5px;box-shadow:0 2px 4px #0000001a;transition:transform .3s}.image-track button{border:none;background:none;padding:0;cursor:pointer}.image-track img:hover{transform:scale(1.05)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:1000;cursor:pointer}.enlarged-image{max-width:90%;max-height:90%;border-radius:10px;box-shadow:0 4px 8px #0003}section{margin-top:7%;place-items:center;align-content:center;min-height:100vh}.hidden{opacity:0;filter:blur(5px);transition:all 1s;transform:translateY(10%)}@media (prefers-reduced-motion){.hidden{transition:none}}.show{opacity:1;filter:blur(0);transform:translateY(0)}h1{text-align:center;padding:0;margin-bottom:0}.text-top{position:relative;text-align:center;animation:fadeOut 16s forwards}.proj{display:flex;flex-direction:column-reverse}@keyframes fadeOut{0%{opacity:1}60%{opacity:1}to{opacity:0}}.right{display:flex;flex-direction:row-reverse;text-align:right;height:100vh;margin-bottom:0}.left{display:flex;flex-direction:row;text-align:left;height:100vh;margin-bottom:0}.right .text{margin-right:100px;margin-left:0}.left .text{margin-left:100px}.image{max-width:700px;max-height:700px;border-radius:50px;box-shadow:0 4px 8px #0003;transition:transform .3s ease-in-out}.left .image:hover,.right .image:hover{transform:scale(1.05)}.text{display:flex;flex-direction:column}.link{background-color:#fff;color:#000;padding:15px 25px;text-decoration:none;max-width:120px}.link:hover{background-color:#faebd7;transform:scale(1.05)}.right .link{margin-left:auto}.left .link{margin-right:auto}.right .image{margin-left:100px;margin-right:100px}.left .image{margin-right:100px;margin-left:100px}.gradient{position:fixed;top:0;height:100vh;width:100%;background:linear-gradient(45deg,#f5dad2,#fcffe0,#f1f1e8);background-size:300% 300%;animation:color 15s ease-in-out infinite}@keyframes color{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}body{overflow:scroll;padding:0;margin:0;position:absolute}.aboutback{position:absolute;margin-left:50%;margin-top:8%;width:55%}.about-cont{display:flex;flex-direction:row;padding:20px;position:relative}.pic{margin-top:14%;flex-shrink:0;margin-left:100px;margin-right:200px}.pic img{width:500px;height:500px;object-fit:cover;object-position:center;border-radius:50%;box-shadow:0 8px 10px #00000080}.rightside{display:flex;flex-direction:column}.chunks{text-align:left;max-width:600px;margin-top:30%;display:flex;flex-direction:column;gap:20px}.blurb p,.education p{margin:0%}.contact p{margin:0}.contact{display:flex}.contact img{padding:10px 20px;max-width:100px}.contact button{border:none;background-color:transparent;cursor:pointer;text-align:center}.contact button:focus{outline:none}html,body{background-color:#f1f1e8}