@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap);*{font-family:Kollektif,Montserrat}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-moz-osx-font-smoothing:grayscale;background-color:var(--dark-3);box-sizing:border-box;color:var(--light);margin:0 auto;max-width:1920px;padding:0;scroll-behavior:smooth;-webkit-user-select:none;user-select:none}@media screen and (max-width:1920px){body{margin:0 .625rem}}.navbar{display:flex;flex-direction:column}.navbar header{flex-grow:1}:root{--primary:#eaeaea;--light:#eaeaea;--mid:#909090;--dark-1:#3b3b3b;--dark-2:#262626;--dark-3:#1c1c1c;--purple:#8334cd}a.AppButton,button{background-color:#0000;border:2px solid var(--dark-2);border-radius:3.125rem;cursor:pointer;font-family:Montserrat;font-size:1.875rem;font-weight:500;height:2.15em;position:relative;transition:.5s;width:11em}a.AppButton p,button p{color:var(--dark-2);left:2em;top:50%;transform:translateY(-50%)}a.AppButton p,a.AppButton svg,button p,button svg{margin:0;padding:0;position:absolute;transition:.5s}a.AppButton svg,button svg{fill:var(--light);height:1em;opacity:0;right:.5em;top:.45em}a.AppButton:hover p,button:hover p{color:var(--light);left:.5em}a.AppButton:hover svg,button:hover svg{opacity:1}a.AppButton:hover,button:hover{background-color:var(--dark-2)}@media screen and (max-width:1024px){a.AppButton,button{font-size:1.3125rem;transition:none;width:100%}a.AppButton p,button p{left:50%;margin:0;padding:0;top:50%;transform:translate(-50%,-50%);transition:none}a.AppButton svg,button svg{transition:none}a.AppButton:hover p,button:hover p{color:var(--dark-2);left:50%;top:50%;transform:translate(-50%,-50%)}a.AppButton:hover svg,button:hover svg{opacity:0}a.AppButton:hover,button:hover{background-color:#0000}}@media screen and (max-width:768px){a.AppButton,button{font-size:1.125rem;height:3.5rem;transition:none;width:100%}a.AppButton p,button p{left:50%;margin:0;padding:0;top:50%;transform:translate(-50%,-50%);transition:none}a.AppButton svg,button svg{transition:none}a.AppButton:hover p,button:hover p{color:var(--dark-2);left:50%;top:50%;transform:translate(-50%,-50%)}a.AppButton:hover svg,button:hover svg{opacity:0}a.AppButton:hover,button:hover{background-color:#0000}}.AppSection{border-radius:1.5625rem;padding:1.875rem;position:relative}.AppSection img{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:25%}.AppSection .title{font-family:Montserrat;font-size:2.1875rem;font-weight:700;margin-bottom:1.5625rem;text-transform:uppercase}.AppSection .text{font-size:7.8125rem;width:70%}.AppSection .text span{font-style:italic;font-weight:600}.AppSection .buttons-section{display:flex;justify-content:space-between}.AppSection .buttons-section button{margin-left:.625rem;margin-top:6.25rem}@media screen and (max-width:1024px){.AppSection .text{font-size:5rem;width:80%}.AppSection .buttons-section{flex-direction:column;justify-content:space-between;margin-top:4.375rem}.AppSection .buttons-section button{margin-left:0;margin-top:.625rem}.AppSection .buttons-section .lower-buttons{display:flex;gap:.625rem}}@media screen and (max-width:768px){.AppSection{padding:1.25rem}.AppSection img{width:50%}.AppSection .title{font-size:1.125rem}.AppSection .text{font-size:3rem;width:100%}.AppSection .buttons-section{margin-top:3.125rem}}.AppSection.dark{background-color:var(--dark-3);color:var(--primary)}.AppSection.dark img{opacity:.1}.AppSection.primary{background-color:var(--primary);color:var(--dark-2)}.AppSection.primary img{opacity:.1}.AboutBox{background-color:var(--dark-2);border-radius:1.5625rem;display:flex;margin:.625rem 0;width:100%}.AboutBox .left-box,.AboutBox .right-box{border-radius:1.5625rem;min-height:11.25rem;padding:1.875rem}.AboutBox .left-box{background-color:var(--primary);color:var(--dark-1);display:grid;font-size:4rem;font-weight:600;place-items:center;text-align:center;width:35%;z-index:10}.AboutBox .right-box{color:var(--light);display:grid;font-size:2rem;line-height:2.375rem;place-items:center;width:65%}@media screen and (max-width:1024px){.AboutBox .left-box{font-size:3.5rem;width:calc(100% - 2.5rem)}.AboutBox .right-box{font-size:1.4rem;line-height:1.55rem;width:calc(100% - 1.25rem)}}@media screen and (max-width:768px){.AboutBox{flex-direction:column}.AboutBox .left-box,.AboutBox .right-box{min-height:1.875rem;padding:1.25rem}.AboutBox .left-box{font-size:2rem;width:calc(100% - 2.5rem)}.AboutBox .right-box{font-size:1.4rem;line-height:1.55rem;width:calc(100% - 1.25rem)}}.CurriculumVitae{padding:1.875rem}.CurriculumVitae .cv-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5625rem}.CurriculumVitae .cv-header a.AppButton{border-color:var(--light);color:var(--light);font-size:1.3rem}.CurriculumVitae .cv-header a.AppButton p{color:var(--light)}.CurriculumVitae .cv-header a.AppButton svg{fill:var(--dark-2)}.CurriculumVitae .cv-header a.AppButton:hover{background-color:var(--light);color:var(--dark-2)}.CurriculumVitae .cv-header a.AppButton:hover p{color:var(--dark-2)}.CurriculumVitae .cv-title{color:var(--primary);font-family:Montserrat;font-size:2.1875rem;font-weight:700;text-transform:uppercase}@media screen and (max-width:1024px){.CurriculumVitae .cv-title{font-size:1.75rem}}@media screen and (max-width:768px){.CurriculumVitae{padding:1.25rem 0}.CurriculumVitae .cv-title{font-size:1.125rem}.CurriculumVitae .cv-header{padding:0 1.25rem}.CurriculumVitae .cv-header a.AppButton{align-items:center;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;min-width:0;min-width:auto;transition:none;width:2.5rem}.CurriculumVitae .cv-header a.AppButton p{display:none}.CurriculumVitae .cv-header a.AppButton svg{height:1.2em;opacity:1;position:static;width:1.2em}.CurriculumVitae .cv-header a.AppButton:hover svg{opacity:1}}footer{align-items:center;display:flex;justify-content:space-between;padding:1.875rem}footer img{width:5%}footer div{font-size:1.4rem;margin-bottom:10px;margin-top:10px;text-align:right}@media screen and (max-width:1024px){footer img{width:10%}footer div{font-size:1.5625rem}}@media screen and (max-width:768px){footer{flex-direction:column}footer img{width:20%}footer div{font-size:1.25rem;margin-top:1remrem;text-align:center}}header{padding-left:2rem;padding-right:2rem}header div{align-items:center;display:flex;justify-content:space-between;padding-top:4rem;width:100%}header div .logo{width:10%}header div .text{width:25%}@media screen and (max-width:768px){header{padding-left:.5rem;padding-right:.5rem}header div{padding-top:3rem}header div .logo{width:15%}header div .text{width:35%}}.AppLink{border-radius:1.5625rem;cursor:pointer;font-size:2.5rem;min-height:11.25rem;padding:1.875rem;transition:all .15s ease-in-out}.AppLink:hover{transform:scale(.98);transition:all .2s ease-in-out}.AppLink .content{align-items:center;display:flex;justify-content:space-between;padding-top:1.25rem}.AppLink .content span{font-size:2.5rem}@media screen and (max-width:1024px){.AppLink{font-size:1.5rem;min-height:6.25rem;padding:20px}.AppLink .content span{font-size:2rem}.AppLink{font-size:1.3rem}.AppLink .content span{font-size:1.4rem}}.AppLink.light{background-color:var(--light);color:var(--dark-2)}@media screen and (max-width:1024px){.AppLink.light img{width:80%}}.AppLink.dark{background-color:var(--dark-1);color:var(--light)}@media screen and (max-width:1024px){.AppLink.dark img{width:80%}}.AppLink.mid{background-color:var(--mid);color:var(--dark-2)}@media screen and (max-width:1024px){.AppLink.mid img{width:80%}}.AppLink.primary{background-color:var(--primary);color:var(--dark-2)}@media screen and (max-width:1024px){.AppLink.primary img{width:50%}}@media screen and (max-width:768px){.AppLink.primary img{width:37%}}.menu{align-items:flex-end;display:flex;width:100%}.menu .portfolio-pic{display:flex;justify-content:center;width:50%}.menu .portfolio-pic img{width:85%}.menu .links{display:flex;flex-wrap:wrap;gap:.625rem;width:50%}.menu .links .link-1,.menu .links .link-2,.menu .links .link-3{width:calc(50% - .3125rem)}.menu .links .link-4{width:100%}@media screen and (max-width:768px){.menu{flex-direction:column}.menu .portfolio-pic{margin-bottom:.625rem;width:100%}.menu .portfolio-pic img{width:60%}.menu .links{width:100%}.menu .links .link-1,.menu .links .link-2,.menu .links .link-3{width:calc(50% - .3125rem)}.menu .links .link-4{width:100%}}.WorkBox{border-radius:1.5625rem;height:40.625rem}.WorkBox .card-inner{height:100%;position:relative;width:100%}.WorkBox .card-face{border:none;border-radius:1.5625rem;display:flex;flex-direction:column;inset:0;overflow:hidden;padding:1.875rem;position:absolute;transition:opacity .35s ease-in-out}.WorkBox .card-inner.flipped .card-front{opacity:0;pointer-events:none}.WorkBox .card-inner.flipped .card-back{opacity:1;outline:5px solid;pointer-events:auto}.WorkBox .card-front{cursor:pointer;opacity:1;transition:opacity .35s ease-in-out,transform .15s ease-in-out,outline .15s ease-in-out}.WorkBox .card-front:hover{outline:5px solid;transform:scale(.97)}.WorkBox .card-front .bottom-line,.WorkBox .card-front .upper-line{align-items:center;display:flex;font-size:1.875rem;justify-content:space-between}.WorkBox .card-front .bottom-line .id,.WorkBox .card-front .upper-line .id{font-size:2.8125rem;font-weight:700}.WorkBox .card-front .bottom-line .icon,.WorkBox .card-front .upper-line .icon{font-size:2.5rem;font-weight:700}.WorkBox .card-front .logo{display:grid;flex-grow:1;place-items:center}.WorkBox .card-front .logo img{width:30%}.WorkBox .card-front .small-logo{display:grid;flex-grow:1;place-items:center}.WorkBox .card-front .small-logo img{width:22%}.WorkBox .card-back{opacity:0;pointer-events:none}.WorkBox .card-back .back-header{align-items:center;display:flex;font-size:1.875rem;gap:1rem;margin-bottom:1.5rem}.WorkBox .card-back .back-header .back-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;opacity:.7;padding:0;transition:opacity .15s}.WorkBox .card-back .back-header .back-btn:hover{opacity:1}.WorkBox .card-back .back-header .back-btn span{font-size:2rem}.WorkBox .card-back .back-header .back-name{flex-grow:1;font-weight:700;text-align:right}.WorkBox .card-back .back-description{flex-grow:1;font-size:1rem;line-height:1.7;opacity:.9;overflow-y:auto;padding-right:.5rem;scrollbar-color:#ffffff40 #0000;scrollbar-width:thin}.WorkBox .card-back .back-description p+p{margin-top:.75rem}.WorkBox .card-back .back-description::-webkit-scrollbar{width:4px}.WorkBox .card-back .back-description::-webkit-scrollbar-track{background:#0000}.WorkBox .card-back .back-description::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:999px}.WorkBox .card-back .back-description::-webkit-scrollbar-thumb:hover{background:#ffffff80}.WorkBox .card-back .back-link{border-top:1px solid #fff3;margin-top:1.5rem;padding-top:1.5rem}.WorkBox .card-back .back-link a{align-items:center;display:inline-flex;font-size:1.125rem;font-weight:700;gap:.5rem;opacity:.8;text-decoration:none;transition:opacity .15s}.WorkBox .card-back .back-link a:hover{opacity:1}.WorkBox .card-back .back-link a span{font-size:1.25rem}@media screen and (max-width:1024px){.WorkBox{height:34.375rem}.WorkBox .card-front .logo img{width:50%}}@media screen and (max-width:768px){.WorkBox .card-front .bottom-line,.WorkBox .card-front .upper-line{font-size:1.5625rem}.WorkBox .card-front .bottom-line .id,.WorkBox .card-front .upper-line .id{font-size:2.1875rem}.WorkBox .card-front .bottom-line .icon,.WorkBox .card-front .upper-line .icon{font-size:1.5625rem}.WorkBox .card-front .logo img{width:60%}}@media screen and (max-width:426px){.WorkBox .card-front .logo img{width:80%}}.WorkBox.full{width:100%}.WorkBox.half{width:calc(50% - .3125rem)}@media screen and (max-width:768px){.WorkBox.half{width:100%}}.my-work{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:.625rem;width:100%}
/*# sourceMappingURL=main.2b7f5693.css.map*/