@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;--dark-1:#3b3b3b;--dark-2:#262626;--dark-3:#1c1c1c;--purple:#8334cd}.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)}}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}button p{color:var(--dark-2);left:2em;top:50%;transform:translateY(-50%)}button p,button svg{margin:0;padding:0;position:absolute;transition:.5s}button svg{fill:var(--light);height:1em;opacity:0;right:.5em;top:.45em}button:hover p{color:var(--light);left:.5em}button:hover svg{opacity:1}button:hover{background-color:var(--dark-2)}@media screen and (max-width:1024px){button{font-size:1.3125rem;transition:none;width:100%}button p{left:50%;margin:0;padding:0;top:50%;transform:translate(-50%,-50%)}button p,button svg{transition:none}button:hover p{color:var(--dark-2);left:50%;top:50%;transform:translate(-50%,-50%)}button:hover svg{opacity:0}button:hover{background-color:#0000}}@media screen and (max-width:768px){button{font-size:1.125rem;height:3.5rem;transition:none;width:100%}button p{left:50%;margin:0;padding:0;top:50%;transform:translate(-50%,-50%)}button p,button svg{transition:none}button:hover p{color:var(--dark-2);left:50%;top:50%;transform:translate(-50%,-50%)}button:hover svg{opacity:0}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}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.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{width:calc(50% - .3125rem)}.menu .links .link-3{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{width:calc(50% - .3125rem)}.menu .links .link-3{width:100%}}.WorkBox{border:none;border-radius:1.5625rem;cursor:pointer;display:flex;flex-direction:column;min-height:40.625rem;padding:1.875rem}.WorkBox,.WorkBox:hover{transition:all .15s ease-in-out}.WorkBox:hover{outline:5px solid;transform:scale(.97)}.WorkBox .bottom-line,.WorkBox .upper-line{align-items:center;display:flex;font-size:1.875rem;justify-content:space-between}.WorkBox .bottom-line .id,.WorkBox .upper-line .id{font-size:2.8125rem;font-weight:700}.WorkBox .bottom-line .icon,.WorkBox .upper-line .icon{font-size:2.5rem;font-weight:700}.WorkBox .logo{display:grid;flex-grow:1;place-items:center}.WorkBox .logo img{width:30%}.WorkBox .small-logo{display:grid;flex-grow:1;place-items:center}.WorkBox .small-logo img{width:22%}@media screen and (max-width:1024px){.WorkBox{min-height:34.375rem}.WorkBox .logo img{width:50%}}@media screen and (max-width:768px){.WorkBox .bottom-line,.WorkBox .upper-line{font-size:1.5625rem}.WorkBox .bottom-line .id,.WorkBox .upper-line .id{font-size:2.1875rem}.WorkBox .bottom-line .icon,.WorkBox .upper-line .icon{font-size:1.5625rem;font-weight:700}.WorkBox .logo img{width:60%}}@media screen and (max-width:426px){.WorkBox .logo img{width:80%}}.WorkBox.full{width:100%}.WorkBox.half{width:calc(50% - 4.4rem)}@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.b444a749.css.map*/