*{margin:0;padding:0;border:0;outline:0;box-sizing:border-box}::-moz-selection{background:#00bfbf;color:#fafafa;text-shadow:none}::selection{background:#00bfbf;color:#fafafa;text-shadow:none}::-webkit-scrollbar{width:0px;background:transparent}html{overflow:scroll;overflow-x:hidden;font-size:16px;scroll-behavior:smooth}body{transition:all .5s ease;font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:500;color:#fff}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;max-width:350px;text-wrap:nowrap;background:#00000080;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);color:#fff;text-align:center;border-radius:6px;padding:5px 15px;font-size:14px;line-height:14px}.tooltip .tooltiptext-left{position:absolute;z-index:100;left:60px;top:calc(50% - 15px)}.tooltip .tooltiptext-right{position:absolute;z-index:1000;right:60px;top:calc(50% - 10px)}.tooltip:hover .tooltiptext{visibility:visible}.section-title{text-align:center;padding-top:50px}.bold{font-weight:500}.card-title{font-family:Roboto Mono,"monospace"}.card{width:80%;margin:20px auto;padding:30px 15px;display:flex;flex-direction:row;align-items:center;border-radius:10px;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:0 4px 30px #0000001a;gap:2%}@media (max-width: 768px){.card{flex-direction:column;margin:20px 65px}}.aboutme{white-space:pre-line;font-weight:300;font-size:1rem;width:75%}.aboutme p{margin:.5rem 0}.skill-header{font-weight:700;margin:.5rem 0 0}.skills{margin:.5rem 0}.work-card{display:block}.work-experience{margin:1rem auto;width:80%}.work-title-ctr{display:flex;justify-content:space-between}.company,.duration{font-weight:100;font-style:italic}.work-description{margin:.5rem 0 .5rem 1rem;font-weight:300}#background{width:100vw;height:100vh;position:fixed;z-index:-1}.displacement-sphere{position:fixed;width:100vw;inset:0;opacity:0;z-index:-1;transition-property:opacity;transition-duration:3s;transition-timing-function:"cubic-bezier(0.4, 0.0, 0.2, 1)"}.displacement-sphere--entering,.displacement-sphere--entered{opacity:1}.logo-ctr{width:50px;height:50px;position:fixed;top:50px;left:50px}#logo{background:url(/logo.png);height:100%;width:100%;background-size:contain;background-repeat:no-repeat}@media (max-width: 1024px){.logo-ctr{left:20px;width:40px;height:40px}}nav{position:fixed;display:flex;flex-direction:row-reverse;transform:rotate(-90deg) translate3d(-50%,0,0);top:15%;left:-9.25rem;z-index:500}nav a{margin-right:20px;text-decoration:none;color:#8d8d8d}nav a:hover{margin-right:20px;text-decoration:none;color:#ec704c}nav a.active{color:#ec704c}@media (max-width: 1024px){nav{left:-11.5rem}}.main-content{max-width:100vw;height:100vh;margin-top:auto;margin-bottom:auto;display:flex;flex-direction:column;justify-content:center;padding-left:250px}.name{font-size:2.5rem;margin-block-end:1em}.jobs{font-size:4.5rem;padding-bottom:10%}.side-ctr{height:100vh;max-height:700px}@media (max-width: 1024px){.main-content{padding-left:150px}.jobs{font-size:3.8rem;padding-bottom:15%!important}.name{font-size:1.8rem}}@media (max-width: 768px){.main-content{padding-left:65px}.jobs{font-size:1.8rem;padding-bottom:20%!important}.name{font-size:1.1rem}}.socials{position:fixed;top:50px;right:50px;display:flex;flex-direction:column;gap:20px}.social-ctr{width:40px;height:40px;background:#00000080;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border-radius:50%;transition:all .2s ease-in}.link{text-decoration:none;color:#fff;display:flex;width:100%;height:100%;justify-content:center;align-items:center;transition:all .2s ease-in}.social-ctr:hover{background:#ffffffbf}.social-ctr:hover .link{color:#000}@media (max-width: 1024px){.socials{right:20px}}@media (max-width: 640px){.socials{position:absolute}}.resume-ctr{position:fixed;bottom:50px;left:50px;display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:300;font-size:14px}.resume-link{text-decoration:none;color:#fff;display:flex;width:40px;height:40px;background:#00000080;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);justify-content:center;border-radius:50%;align-items:center;transition:all .2s ease-in}.resume-link:hover{background:#ffffffbf;color:#000}@media (max-width: 1024px){.resume-ctr{left:20px;font-size:12px}}.img-ctr{width:80%;margin:20px auto;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;border-radius:10px;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);padding:15px;box-shadow:0 4px 30px #0000001a}.img-card{width:24.2%;min-width:90px;cursor:pointer;margin:5px;overflow:hidden;border-radius:10px;background-color:#000}.img-card>img{width:100%;vertical-align:middle}.img-thumbnail:hover{transform:scale(1.05);opacity:.75;transition:transform .5s}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1500;display:flex;align-items:center;justify-content:center;transition:ease-in .3s}.overlay{position:absolute;width:100%;height:100%;background:#000000a6;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.modal{width:90%;height:90%;background-color:#fff;border-radius:5px;overflow:hidden}.icon-ctr{width:35px;height:35px;position:absolute;top:10px;right:10px;cursor:pointer;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);display:flex;justify-content:center;align-items:center}.close-icon{color:#fff}.icon-ctr:hover{background:#ffffffbf}.icon-ctr:hover .close-icon{color:#000}.loading{color:#fff;font-size:50px}.slider{width:auto;height:90%}.slider>div{left:1px!important}@media (max-width: 900px){.slider{width:90%;height:auto}}@media (max-width: 768px){.img-ctr{margin:20px 65px}.img-card{margin:3px}}.__img_wrapper{width:39%;max-width:50em}.__img_wrapper>img{width:100%}.__content_wrapper{width:59%;justify-content:center;align-items:center;display:flex;flex-direction:column;gap:10px}.title{font-size:1.5rem;margin:0}.description,.tech{font-size:1rem;font-weight:300;width:75%}.links{font-size:1rem;font-weight:300;display:flex;gap:10px;justify-content:center}.links>a{color:unset}@media (max-width: 768px){.__img_wrapper,.__content_wrapper{height:50%!important;width:100%!important}.title{font-size:1.1rem!important}.description,.tech,.links{width:80%;font-size:.75rem!important}}