*{margin:0}* a{text-decoration:none;color:#000}:root{--app-height: 100%}@font-face{font-display:swap;font-family:"Poppins";font-style:normal;font-weight:400;src:url("../fonts/poppins-v20-latin-regular.eot");src:url("../fonts/poppins-v20-latin-regular.eot?#iefix") format("embedded-opentype"),url("../fonts/poppins-v20-latin-regular.woff2") format("woff2"),url("../fonts/poppins-v20-latin-regular.woff") format("woff"),url("../fonts/poppins-v20-latin-regular.ttf") format("truetype"),url("../fonts/poppins-v20-latin-regular.svg#Poppins") format("svg")}@font-face{font-display:swap;font-family:"Poppins";font-style:normal;font-weight:500;src:url("../fonts/poppins-v20-latin-500.eot");src:url("../fonts/poppins-v20-latin-500.eot?#iefix") format("embedded-opentype"),url("../fonts/poppins-v20-latin-500.woff2") format("woff2"),url("../fonts/poppins-v20-latin-500.woff") format("woff"),url("../fonts/poppins-v20-latin-500.ttf") format("truetype"),url("../fonts/poppins-v20-latin-500.svg#Poppins") format("svg")}@font-face{font-display:swap;font-family:"Rubik";font-style:normal;font-weight:400;src:url("../fonts/rubik-v26-latin-regular.eot");src:url("../fonts/rubik-v26-latin-regular.eot?#iefix") format("embedded-opentype"),url("../fonts/rubik-v26-latin-regular.woff2") format("woff2"),url("../fonts/rubik-v26-latin-regular.woff") format("woff"),url("../fonts/rubik-v26-latin-regular.ttf") format("truetype"),url("../fonts/rubik-v26-latin-regular.svg#Rubik") format("svg")}@font-face{font-display:swap;font-family:"Roboto Slab";font-style:normal;font-weight:400;src:url("../fonts/roboto-slab-v24-latin-regular.eot");src:url("../fonts/roboto-slab-v24-latin-regular.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto-slab-v24-latin-regular.woff2") format("woff2"),url("../fonts/roboto-slab-v24-latin-regular.woff") format("woff"),url("../fonts/roboto-slab-v24-latin-regular.ttf") format("truetype"),url("../fonts/roboto-slab-v24-latin-regular.svg#RobotoSlab") format("svg")}@font-face{font-display:swap;font-family:"Roboto Slab";font-style:normal;font-weight:500;src:url("../fonts/roboto-slab-v24-latin-500.eot");src:url("../fonts/roboto-slab-v24-latin-500.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto-slab-v24-latin-500.woff2") format("woff2"),url("../fonts/roboto-slab-v24-latin-500.woff") format("woff"),url("../fonts/roboto-slab-v24-latin-500.ttf") format("truetype"),url("../fonts/roboto-slab-v24-latin-500.svg#RobotoSlab") format("svg")}body{font-family:"Rubik",sans-serif;overflow-x:hidden;height:var(--app-height)}body>.landing-div{height:100vh;min-width:100vw;background:radial-gradient(at top left, #e937af, #a90e59);display:flex;flex-direction:column;justify-content:center}body>.landing-div>.landing-content{display:flex;justify-content:center}body>.landing-div>.landing-content>.over-bubble{display:flex;min-width:900px;position:absolute;z-index:999;max-height:400px;margin-top:-100px;margin-left:-200px}body>.landing-div>.landing-content>.over-bubble>img{max-width:350px;max-height:350px;filter:drop-shadow(0.4rem 0.45rem 0.2rem rgba(0, 0, 0, 0.5));cursor:pointer;transform-origin:50% 100%}body>.landing-div>.landing-content>.over-bubble>img:hover{transform:scale(1.02)}@keyframes animateAvatar{25%{transform:rotate(-20deg)}50%{transform:rotate(5deg)}100%{transform:rotate(0deg)}}body>.landing-div>.landing-content>.over-bubble>.landing-text{display:flex;flex-direction:column;justify-content:center;padding-left:40px;max-width:800px}body>.landing-div>.landing-content>.over-bubble>.landing-text>.introduction{margin:0;font-size:2.9rem;font-family:"Roboto Slab",serif}body>.landing-div>.landing-content>.over-bubble>.landing-text>.introduction .name{display:inline-block;transform-origin:50% 100%;animation:yell 3.5s infinite;animation-delay:3s;animation-timing-function:ease}@keyframes yell{3%{transform:scaleY(1.2) scaleX(1.01)}6%{transform:scaleY(1.1)}12%{transform:scaleY(1.2) scaleX(1.01)}18%{transform:scaleY(1)}25%{transform:scaleY(1)}50%{transform:scaleY(1)}75%{transform:scale(1)}}body>.landing-div>.landing-content>.over-bubble>.landing-text>.description{font-size:1.9rem;margin:0}body>.landing-div>.landing-content>.speech-bubble{height:200px;width:800px;background:#fff;margin:auto;position:relative;filter:drop-shadow(0.8rem 0.9rem 0.4rem rgba(0, 0, 0, 0.5))}body>.landing-div>.landing-content>.speech-bubble .tiny-right-upper-triangle{width:0;height:0;border-bottom:10px solid #fff;border-left:100px solid rgba(0,0,0,0);margin-left:800px;margin-top:-110px;position:absolute}body>.landing-div>.landing-content>.speech-bubble .upper-triangle{width:0;height:0;border-bottom:100px solid #fff;border-left:900px solid rgba(0,0,0,0);margin-left:-100px;margin-top:-100px;position:absolute}body>.landing-div>.landing-content>.speech-bubble .left-large-triangle{width:0;height:0;border-top:500px solid #fff;border-left:100px solid rgba(0,0,0,0);margin-left:-100px;position:absolute}body>.landing-div>.landing-content>.speech-bubble .right-large-triangle{width:0;height:0;border-top:500px solid #fff;border-right:100px solid rgba(0,0,0,0);margin-right:-100px;position:absolute}body>.landing-div>.landing-content>.speech-bubble .right-small-triangle{width:0;height:0;border-top:300px solid #fff;border-right:100px solid rgba(0,0,0,0);margin-left:800px;margin-top:-100px;position:absolute}body>.landing-div>.landing-content>.speech-bubble .lower-triangle{width:0;height:0;border-top:100px solid #fff;border-right:800px solid rgba(0,0,0,0);margin-top:200px;position:absolute}body>.landing-div>.socials-footer{position:absolute}body>.landing-div>.line{position:absolute;width:100%;height:1px;left:0;background:rgba(255,255,255,0);overflow:hidden}body>.landing-div>.line:after{content:"";display:block;position:absolute;width:25vw;height:100%;top:0;left:100%;background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);animation:move 7s 0s infinite;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.4, 0.26, 0, 0.97)}body>.landing-div>.line:nth-child(1)::after{animation-delay:2s}body>.landing-div>.line:nth-child(2)::after{animation-delay:3.5s}body>.landing-div>.line:nth-child(4)::after{animation-delay:.5s}body>.landing-div>.line:nth-child(5)::after{animation-delay:2.4s}body>.landing-div>.line:nth-child(6)::after{animation-delay:4s}body>.landing-div>.line:nth-child(7)::after{animation-delay:1s}@keyframes move{from{left:-50%}to{right:110%}}body>.landing-div #line-1{top:11vh}body>.landing-div #line-2{top:21vh}body>.landing-div #line-3{top:31vh}body>.landing-div #line-4{top:41vh}body>.landing-div #line-5{top:51vh}body>.landing-div #line-6{top:61vh}body>.landing-div #line-7{top:71vh}body>.about-div{height:100vh;min-height:930px;min-width:100vw;background:#191823;display:flex;flex-direction:column;align-items:center;justify-content:space-around;position:relative}body>.about-div>.about-content{display:flex;align-items:center;justify-content:center;background-color:#fff;margin-top:10px;padding:15px}body>.about-div>.about-content>.about-wrapper{width:100%;height:100%;background:url("../static/paper.webp");box-shadow:inset 0 0 10px rgba(0,0,0,.5);position:relative}body>.about-div>.about-content>.about-wrapper>.title{background-color:#fff;width:210px;padding-bottom:20px;font-size:2.6rem;font-family:"Roboto Slab",serif;font-weight:700;text-align:center;filter:drop-shadow(0.4rem 0.45rem 0.2rem rgba(0, 0, 0, 0.5));position:absolute;z-index:15}body>.about-div>.about-content>.about-wrapper>.float-rect{width:950px;height:530px;background:#fff;filter:drop-shadow(0 0 0.4rem black);margin:100px 20px 30px 20px;display:flex;z-index:10}body>.about-div>.about-content>.about-wrapper>.float-rect>.overview-card{height:100%;min-width:350px;display:flex;flex-direction:column}body>.about-div>.about-content>.about-wrapper>.float-rect>.overview-card>.photo-card{height:600px;width:100%;background:url("../static/photo.webp");background-size:cover}body>.about-div>.about-content>.about-wrapper>.float-rect>.overview-card>.overview-text{height:100%;width:100%;background:#c92384;font-size:1.2rem;font-weight:600;padding:20px 0}body>.about-div>.about-content>.about-wrapper>.float-rect>.overview-card>.overview-text li{padding:8px}body>.about-div>.about-content>.about-wrapper>.float-rect>.para-wrapper{padding:40px 30px}body>.about-div>.about-content>.about-wrapper>.float-rect>.para-wrapper>.about-para{font-size:1rem;line-height:2rem}body>.about-div>.about-content>.about-wrapper>.float-rect>.para-wrapper>.programming-languages{display:flex;justify-content:center;margin-top:8px}body>.about-div>.about-content>.about-wrapper>.float-rect>.para-wrapper>.programming-languages>img{padding:0 10px}body>.about-div>.secondary-nav{width:100%}body>.about-div>.secondary-nav>.buttons-wrapper{display:flex;justify-content:center}body>.about-div>.secondary-nav>.buttons-wrapper>.geometric-button{width:200px;height:100px;margin:0 75px;font-size:1.5rem;font-weight:600;position:relative;filter:drop-shadow(0.4rem 0.45rem 0.2rem black);cursor:pointer;transition:transform .2s}body>.about-div>.secondary-nav>.buttons-wrapper>.geometric-button>.button-fore{background-color:#fff;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10;position:absolute;clip-path:polygon(24% 0, 83% 0, 100% 80%, 0 100%)}body>.about-div>.secondary-nav>.buttons-wrapper>.geometric-button>.button-back{width:100%;height:100%;background:url("../static/blueGrid.webp");position:absolute;transform:scale(0.9);clip-path:polygon(0 0, 100% 0, 80% 100%, 10% 100%)}body>.about-div>.secondary-nav>.buttons-wrapper>.geometric-button.project{transform:rotate(10deg)}body>.about-div>.secondary-nav>.buttons-wrapper>.geometric-button.cv{transform:rotate(-5deg);width:110px}body>.about-div>.secondary-nav>.buttons-wrapper>.geometric-button:hover{transform:scale(1.1)}body>.about-div>.socials-footer{display:flex;justify-content:center}body>.about-div>.socials-footer>.socials-wrapper{display:flex;flex-wrap:wrap;justify-content:center;max-width:250px}body>.about-div>.socials-footer>.socials-wrapper>.social-button{padding-top:10px;padding-bottom:5px}body>.about-div>.socials-footer>.socials-wrapper>.social-button>a{color:#fff}body>.about-div>.socials-footer>.socials-wrapper>.copyright{padding-top:5px;padding-bottom:10px;color:#fff}body>.projects-div{background:#a90e59;display:flex;flex-direction:column;min-height:100vh}body>.projects-div>.title-wrapper{margin:25px auto;background:url("../static/blueGrid.webp");padding:10px;border-top-left-radius:30px;border-bottom-right-radius:30px;filter:drop-shadow(0.4rem 0.45rem 0.2rem rgba(0, 0, 0, 0.25))}body>.projects-div>.title-wrapper>.title{background-color:#fff;width:400px;max-width:80vw;font-size:2.6rem;font-family:"Roboto Slab",serif;font-weight:700;text-align:center;padding:15px;border-top-left-radius:30px;border-bottom-right-radius:30px;filter:drop-shadow(0.4rem 0.45rem 0.2rem rgba(0, 0, 0, 0.5))}body>.projects-div>.projects-content{height:100%;display:flex;justify-content:space-evenly;flex-wrap:wrap;padding:5px 25px 25px 25px}body>.projects-div>.projects-content>.project-wrapper{flex-wrap:wrap;margin:5px;background-color:#fff;filter:drop-shadow(0.8rem 0.9rem 0.4rem rgba(0, 0, 0, 0.5));padding:20px;display:flex;margin-top:20px}body>.projects-div>.projects-content>.project-wrapper>.text-wrapper{display:flex;flex-direction:column;padding-right:20px;max-width:300px}body>.projects-div>.projects-content>.project-wrapper>.text-wrapper>.project-title{font-size:1.5rem;font-weight:600}body>.projects-div>.projects-content>.project-wrapper>.text-wrapper>.project-info{padding-top:15px;font-size:16px}body>.projects-div>.projects-content>.project-wrapper>.text-wrapper>.project-info a{color:blue}body>.projects-div>.projects-content>.project-wrapper img{max-height:350px;width:auto;object-fit:contain}body>.projects-div>.projects-content>.project-wrapper a img:hover{opacity:.7}body>.projects-div>.projects-content>.project-wrapper a #cinema{box-shadow:0px 3px 6px silver}body>.projects-div>.nav-bar{position:relative}body>.projects-div>.socials-footer{display:flex;justify-content:center;margin-top:20px}body>.projects-div>.socials-footer>.socials-wrapper{display:flex;flex-wrap:wrap;justify-content:center;max-width:250px}body>.projects-div>.socials-footer>.socials-wrapper>.social-button{padding-top:10px;padding-bottom:5px}body>.projects-div>.socials-footer>.socials-wrapper>.copyright{padding-top:5px;padding-bottom:10px}body .nav-bar{position:absolute;top:0;width:100%}body .nav-bar>.buttons-wrapper{display:flex;float:right}body .nav-bar>.buttons-wrapper .nav-button{display:flex;align-items:center;text-align:center;margin:8px;transition:background-color 1s,transform .5s}body .nav-bar>.buttons-wrapper .nav-button>a{font-weight:600;font-size:1.2rem;padding:15px 20px;text-decoration:none;color:#000;cursor:pointer}body .nav-bar>.buttons-wrapper .nav-button:hover{animation:fill 1s;animation-fill-mode:forwards;background-color:#fff;transform:scale(0.85)}body .socials-footer{bottom:0;width:100%}body .socials-footer.white a{color:#fff}body .socials-footer.black a{color:#000}body .socials-footer>.socials-wrapper{display:flex}body .socials-footer>.socials-wrapper>.social-button{padding:30px 20px;text-align:center;display:flex;align-items:center}body .socials-footer>.socials-wrapper>.social-button>a{transition:transform .2s}body .socials-footer>.socials-wrapper>.social-button>a:hover{animation:fill 1s;animation-fill-mode:forwards;color:#fff;transform:scale(1.15)}body .socials-footer>.socials-wrapper>.copyright{display:flex;align-items:center}@media screen and (max-width: 1000px){body>.landing-div{min-width:unset;min-height:unset}body>.landing-div .nav-bar{position:absolute}body>.landing-div>.landing-content{flex-direction:column;align-items:center}body>.landing-div>.landing-content>.over-bubble{min-width:unset;flex-direction:column;margin:0;align-items:center}body>.landing-div>.landing-content>.over-bubble>img{max-width:200px;max-height:200px;padding:20px}body>.landing-div>.landing-content>.over-bubble>.landing-text{padding:12px;max-width:85vw;background-color:#fff;border-top-left-radius:30px;border-bottom-right-radius:30px;filter:drop-shadow(0.4rem 0.45rem 0.2rem rgba(0, 0, 0, 0.25))}body>.landing-div>.landing-content>.over-bubble>.landing-text>.introduction{font-size:2rem}body>.landing-div>.landing-content>.over-bubble>.landing-text>.introduction .name{animation:none}body>.landing-div>.landing-content>.over-bubble>.landing-text>.description{font-size:1.3rem}body>.landing-div>.landing-content>.speech-bubble{display:none}body>.landing-div>.line{display:none}body>.about-div{min-width:unset;min-height:unset;height:unset;justify-content:unset}body>.about-div>.about-content{width:280px;height:unset;margin-top:25px;padding:5px}body>.about-div>.about-content>.about-wrapper{display:flex;flex-direction:column}body>.about-div>.about-content>.about-wrapper>.title{padding-bottom:10px;padding-right:0;width:100%;position:relative;font-size:2rem;text-align:center;filter:drop-shadow(0 0.45rem 0.2rem rgba(0, 0, 0, 0.5))}body>.about-div>.about-content>.about-wrapper>.float-rect{width:100%;height:unset;margin:0;display:flex;flex-direction:column}body>.about-div>.about-content>.about-wrapper>.float-rect>.overview-card{min-width:unset;display:flex;flex-direction:column}body>.about-div>.about-content>.about-wrapper>.float-rect>.overview-card>.photo-card{width:100%;height:300px;background:url("../static/photo.webp");background-size:cover}body>.about-div>.about-content>.about-wrapper>.float-rect>.overview-card>.overview-text{width:100%;height:unset;background:#c92384;font-size:1rem;font-weight:600;padding:20px 0}body>.about-div>.about-content>.about-wrapper>.float-rect>.overview-card>.overview-text li{padding:8px}body>.about-div>.about-content>.about-wrapper>.float-rect>.para-wrapper{padding:40px 30px}body>.about-div>.about-content>.about-wrapper>.float-rect>.para-wrapper>.about-para{font-size:.9rem}body>.about-div>.about-content>.about-wrapper>.float-rect>.para-wrapper>.programming-languages{display:flex;flex-wrap:wrap;max-width:70vw;justify-content:center;margin-top:8px}body>.about-div>.about-content>.about-wrapper>.float-rect>.para-wrapper>.programming-languages>img{padding:0 10px}body>.about-div>.secondary-nav>.buttons-wrapper{flex-direction:column;align-items:center}body>.about-div>.secondary-nav>.buttons-wrapper>.geometric-button{width:125px;height:65px;margin:20px 0;font-size:1rem}body>.about-div>.socials-footer{position:relative}body>.about-div>.socials-footer a{color:#fff}body>.about-div>.socials-footer .copyright{color:#fff}body>.projects-div>.projects-content>.project-wrapper{flex-wrap:wrap;margin:5px;margin-top:20px;padding:20px;display:flex;justify-content:center}body>.projects-div>.projects-content>.project-wrapper>.text-wrapper{display:flex;flex-direction:column;padding-right:unset;max-width:250px}body>.projects-div>.projects-content>.project-wrapper>.text-wrapper>.project-title{font-size:1.5rem;font-weight:600}body>.projects-div>.projects-content>.project-wrapper img{max-height:60vw;max-width:50vw;margin-top:10px}body>.projects-div>.projects-content>.project-wrapper #cinema{box-shadow:0px 3px 6px silver}body .nav-bar{min-width:unset;position:relative}body .nav-bar>.buttons-wrapper{justify-content:center;float:unset}body .nav-bar>.buttons-wrapper .nav-button{margin:5px;margin-top:10px;transition:none;background-color:#fff}body .nav-bar>.buttons-wrapper .nav-button>a{font-size:.8rem;padding:10px 10px}body .socials-footer{display:flex;justify-content:center;padding-bottom:10px}body .socials-footer>.socials-wrapper{justify-content:center;flex-wrap:wrap;max-width:200px}body .socials-footer>.socials-wrapper>.social-button{padding:10px}}@media screen and (max-height: 450px){.over-bubble{flex-direction:row !important}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d3d3d3}::-webkit-scrollbar-thumb:hover{background:#b0b0b0}