@font-face{font-family:Rubik;src:url(/assets/Rubik-VariableFont_wght-b35f96c1.ttf)}:root{font-size:16px;--color-primary-100: #393d46;--color-primary-200: #2f333a;--color-primary-300: #222831;--color-primary-400: #bb0d78;--color-neutral-100: #FFFFFF;--color-neutral-900: #434852;--font-color-white: #FFFFFF;--font-color-black: #222831;--font-color-primary: #bb0d78;--ff-primary: "Rubik", sans-serif;--ff-secondary: "Playfair Display", serif;--ff-tifax: "Tifax", serif;--tile-height: 100vh;--columns: 10;--rows: 10;--tile-size: 50px;--gradient1: rgb(98, 0, 234);--gradient2: rgb(236, 64, 122)}html,body{margin:0;padding:0;height:100%;width:100%;scroll-behavior:smooth!important}*,*:before,*:after{box-sizing:border-box}@keyframes background-pan{0%{background-position:0% center}to{background-position:-200% center}}body{background:linear-gradient(to right,var(--gradient1),var(--gradient2),var(--gradient1));background-size:200%;animation:background-pan 10s linear infinite;overflow:overlay;font-family:var(--ff-primary);background-color:var(--color-primary-100);font-weight:400;font-size:1.3125rem;line-height:1.6}body.is-toggled>.tiles>.tile:hover{opacity:.7}::-webkit-scrollbar{width:.3rem}::-webkit-scrollbar-track{display:none;border-radius:5px}::-webkit-scrollbar-thumb{background:rgb(136,136,136);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgb(85,85,85)}@media (max-width: 55em){::-webkit-scrollbar{height:.2rem}::-webkit-scrollbar-track{display:none;background-color:var(--color-primary-100)}::-webkit-scrollbar-thumb{background:rgb(136,136,136)}::-webkit-scrollbar-thumb:hover{background:rgb(85,85,85)}}svg{width:1rem}.title{white-space:nowrap;left:50%;position:absolute;top:50%;transform:translate(-50%,-80%);color:var(--font-color-white);margin:0;pointer-events:none;font-family:var(--ff-primary);font-weight:700;font-size:5rem;text-align:center;transition:color 1.2s ease;z-index:3}.subtitle{white-space:nowrap;left:50%;position:absolute;top:50%;transform:translate(-50%);color:var(--font-color-white);margin:0;pointer-events:none;font-family:var(--ff-primary);font-weight:700;font-size:2.3rem;text-align:center;transition:color 1.2s ease;z-index:3}.title .text-wrapper,.subtitle .text-wrapper{position:relative;display:inline-block;padding-top:.1em;padding-right:.05em;padding-bottom:.15em}.title .line{opacity:1;position:absolute;left:0;height:100%;width:3px;background-color:#fff;transform-origin:0 50%}.title .line1{top:0;left:0}.title .letter,.subtitle .letter{display:inline-block;line-height:1em}@media screen and (max-width: 55em){.title{font-size:3rem}.subtitle{font-size:1.5rem}}.tiles{height:calc(100vh - 1px);width:calc(100vw - 1px);position:fixed;top:0;left:0;z-index:1;display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows),1fr)}.tile{cursor:pointer;position:relative}.tile:hover:before{background-color:#1e1e1e;opacity:.5}.tile:before{background-color:#0f0f0f;opacity:.7;content:"";inset:.5px;position:absolute}.content-container{z-index:3;margin-top:0;position:relative;top:110vh}.content-container>:last-child .content{padding-bottom:23rem}.header-container{background-color:#25035080;position:relative;top:0;left:0;width:100%;-webkit-backdrop-filter:grayscale(90%) blur(3px);backdrop-filter:grayscale(90%) blur(3px)}.header-container:after,.header-container:before{content:"";display:block;width:100%;height:4px;opacity:.5;background-color:var(--color-neutral-900)}.header-container>h2{color:#fff}h2{font-family:var(--ff-primary);font-weight:700;font-size:2rem;line-height:1.6;text-align:center}.content{background-color:#22222280;padding-top:10rem;padding-bottom:15rem;margin-inline:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#Projects .content{padding-top:5rem;padding-bottom:10rem}@media screen and (max-width: 55em){.content{padding-top:5rem;padding-bottom:10rem}}.split{display:flex;flex-direction:column;padding:1rem;margin-left:5rem;margin-right:5rem;color:var(--color-neutral-100);align-items:center}.long-square{display:flex;justify-content:center;align-items:center}.long-square>*{object-fit:cover;height:20rem;width:30rem;display:flex;align-items:center;flex-direction:column}.square{display:flex;justify-content:center;align-items:center}.square>*{object-fit:cover;height:32rem;width:32rem;display:flex;align-items:center;flex-direction:column}.circle{opacity:0;display:flex;justify-content:center;align-items:center}.circle>*{width:20rem;height:20rem;border-radius:50%}.text{position:relative;display:inline-block;padding-top:.1em;padding-right:.05em;padding-bottom:.15em}.text>h1{font-size:2rem;font-weight:700}.text>h2{font-size:1.5rem;font-weight:700}.text>p{font-size:1.5rem;font-weight:400}@media (min-width: 55em){.split{flex-direction:row}.split>*{flex-basis:50%}.split>*+*{margin-left:2rem}}@media screen and (max-width: 55em){.split{padding:.5rem;margin-left:2rem;margin-right:2rem}.circle{padding-bottom:3rem}.circle>*{width:50%;height:50%;border-radius:50%}.square>*{height:20rem;width:20rem}.long-square>*{height:10rem}.text>*{font-size:1rem;font-weight:400}}.arrow-button{display:flex;align-items:center;justify-content:center;padding-left:1.5rem;padding-right:1.5rem}.round{position:absolute;border:2px solid #fff;width:3rem;height:3rem;border-radius:100%;transition:.5s cubic-bezier(0,1,0,1) all}.arrow{display:block;margin:30px auto;width:1rem;height:1rem;border-top:2px solid #fff;border-left:2px solid #fff}.arrow.right{transform:rotate(135deg) translate(-.6rem,.9rem)}.arrow.left{transform:rotate(-45deg) translate(.8rem,-.6rem)}.round:hover{cursor:pointer}.round:hover .arrow.right{animation:moveRight 1.3s cubic-bezier(.23,.2,0,1) infinite}.round:hover .arrow.left{animation:moveLeft 1.3s cubic-bezier(.23,.2,0,1) infinite}@keyframes moveRight{0%{transform:rotate(135deg) translate(-.6rem,.9rem)}20%{transform:rotate(135deg) translate(-.6rem,.9rem) translate(-.2rem,-.2rem)}40%{transform:rotate(135deg) translate(-.6rem,.9rem)}60%{transform:rotate(135deg) translate(-.6rem,.9rem) translate(-.2rem,-.2rem)}80%{transform:rotate(135deg) translate(-.6rem,.9rem)}to{transform:rotate(135deg) translate(-.6rem,.9rem)}}@keyframes moveLeft{0%{transform:rotate(-45deg) translate(.8rem,-.6rem)}20%{transform:rotate(-45deg) translate(.8rem,-.6rem) translate(-.2rem,-.2rem)}40%{transform:rotate(-45deg) translate(.8rem,-.6rem)}60%{transform:rotate(-45deg) translate(.8rem,-.6rem) translate(-.2rem,-.2rem)}80%{transform:rotate(-45deg) translate(.8rem,-.6rem)}to{transform:rotate(-45deg) translate(.8rem,-.6rem)}}.boxes-wrapper{display:flex;justify-content:center}.boxes{display:none;width:min(90%,70.5rem);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));row-gap:3rem;column-gap:2rem}.boxes.active{display:grid;opacity:1}.box{display:flex;align-items:center;justify-content:center;border-radius:15px;text-align:center}.box img{background-color:#fff;object-fit:cover;width:100%;height:100%;transition:filter .2s ease}.box a{position:relative;display:block;width:20rem;height:20rem;color:#fff;text-decoration:none}.box a>p{pointer-events:none;opacity:0;position:relative;margin:0;padding:0;top:-50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700}.box a>img:hover{filter:brightness(.5)}.box a>img:hover+p{opacity:1}@media screen and (max-width: 55em){.boxes{width:100%;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.box{padding-bottom:1rem}.box a{width:12rem;height:12rem}.box a>p{opacity:1;top:8%;font-size:1rem;font-weight:400}}img{max-width:100%;border-radius:15px}@media (min-width: 55em){.navbar{top:0}.logo{font-weight:700;text-transform:uppercase;margin-bottom:1rem;text-align:center;width:100%}.logo svg{transform:rotate(0);transition:transform .2s}.navbar:hover .logo svg{transform:rotate(180deg)}.logo .nav-link:hover svg{animation:none;transform:rotate(270deg)}}.navbar{background-color:var(--color-primary-300);position:fixed;white-space:nowrap;left:0;width:5rem;height:100vh;z-index:999;transition:width .4s cubic-bezier(.23,1,.32,1)}.navbar-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;height:100%}.nav-item{width:100%}.nav-item:nth-last-child(3){margin-top:auto}.nav-link{display:flex;align-items:center;height:5rem;color:var(--font-color-white);text-decoration:none;filter:grayscale(100%) opacity(.7);transition:.2s}.nav-link:hover{filter:grayscale(0%) opacity(1);background-color:var(--color-neutral-900);color:var(--color-neutral-100)}.nav-link:hover svg{animation-name:navAnimation;animation-duration:.15s;animation-timing-function:cubic-bezier(.23,.2,0,1);animation-iteration-count:2;animation-direction:alternate}@keyframes navAnimation{0%{transform:translate(0)}to{transform:translate(.5rem)}}.link-text{display:none;margin-left:1rem;transition:opacity .2s}.nav-link svg{min-width:2rem;margin:0 1.5rem}.navbar:hover{width:16rem}.navbar:hover .link-text{display:inline}.fa-primary{color:#ff7eee}.fa-secondary{color:#df49a6}.fa-primary .fa-secondary{transition:.2s}@media (max-width: 55em){body{margin-left:0}.navbar{top:0;width:100vw;height:3.5rem}.navbar:hover{width:100vw}.navbar-list{overflow-y:hidden;overflow-x:scroll;flex-direction:row;width:100%}.logo{margin-bottom:0;height:3.5rem;transform:rotate(270deg);justify-content:center}.logo .nav-link:hover svg{animation-name:logoAnimation;animation-duration:.15s;animation-timing-function:cubic-bezier(.23,.2,0,1);animation-iteration-count:2;animation-direction:alternate}.nav-link{height:3.5rem;justify-content:center}.navbar:hover .link-text{display:none}@keyframes logoAnimation{0%{transform:translate(0)}to{transform:translate(.5rem)}}@keyframes navAnimation{0%{transform:translateY(0)}to{transform:translateY(-.5rem)}}}footer{background-color:var(--color-neutral-900);position:absolute;bottom:0;left:0;right:0;z-index:999;display:flex;justify-content:space-between;width:100%;height:6rem;opacity:.98}