@import url(https://fonts.googleapis.com/css?family=Montserrat);*{font-family:montserrat,sans-serif;text-rendering:optimizeLegibility}body,html{margin:0;padding:0}a{color:inherit;text-decoration:none}:root{--text:#fff;--bgColor1:#1a1a1a;--bgColor2:#282828;--navBar:#202020}body{background-color:#1a1a1a;background-color:var(--bgColor1);color:#fff;color:var(--text)}html{scroll-behavior:smooth}.bg{-webkit-animation:slide 3s ease-in-out infinite alternate;animation:slide 3s ease-in-out infinite alternate;background-image:linear-gradient(-60deg,#1a1a1a 50%,#282828 0);background-image:linear-gradient(-60deg,var(--bgColor1) 50%,var(--bgColor2) 50%);bottom:0;left:-50%;opacity:.5;position:fixed;right:-50%;top:0;z-index:-1}.bg2{animation-direction:alternate-reverse;-webkit-animation-duration:7s;animation-duration:7s}.bg3{-webkit-animation-duration:8s;animation-duration:8s}.content{background-color:hsla(0,0%,100%,.8);border-radius:.25em;box-shadow:0 0 .25em rgba(0,0,0,.25);box-sizing:border-box;left:50%;padding:10vmin;position:fixed;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes slide{0%{-webkit-transform:translateX(-25%);transform:translateX(-25%)}to{-webkit-transform:translateX(25%);transform:translateX(25%)}}@keyframes slide{0%{-webkit-transform:translateX(-25%);transform:translateX(-25%)}to{-webkit-transform:translateX(25%);transform:translateX(25%)}}#landing-page{display:grid;grid-template-rows:repeat(2,1fr);height:100vh;justify-items:center;padding-left:10px;padding-right:10px;text-align:center;-webkit-user-select:none;user-select:none}.name{color:#ff4d5a}h1{align-self:end;font-weight:300}#intro-line1,#intro-line2{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-duration:.9s;-ms-animation-duration:1.5s;-moz-animation-duration:1.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;animation-timing-function:cubic-bezier();-webkit-animation-timing-function:cubic-bezier();display:inline-block}#intro-line1{-webkit-animation-name:slide-right;animation-name:slide-right}#intro-line2{-webkit-animation-name:slide-left;animation-name:slide-left}@-webkit-keyframes slide-right{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{opacity:100%;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-right{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{opacity:100%;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-left{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}to{opacity:100%;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-left{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}to{opacity:100%;-webkit-transform:translateX(0);transform:translateX(0)}}#view-work{align-self:start;border:2px solid;border-radius:2px;cursor:pointer;padding:5px 20px}#view-work:hover{-webkit-animation:pulse 1.6s infinite;animation:pulse 1.6s infinite;box-shadow:0 0 0 0 #000;-webkit-transform:scale(1);transform:scale(1)}@-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,77,90,.7);-webkit-transform:scale(.95);transform:scale(.95)}70%{box-shadow:0 0 0 15px rgba(255,77,90,0);-webkit-transform:scale(1);transform:scale(1)}to{box-shadow:0 0 0 0 rgba(255,77,90,0);-webkit-transform:scale(.95);transform:scale(.95)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,77,90,.7);-webkit-transform:scale(.95);transform:scale(.95)}70%{box-shadow:0 0 0 15px rgba(255,77,90,0);-webkit-transform:scale(1);transform:scale(1)}to{box-shadow:0 0 0 0 rgba(255,77,90,0);-webkit-transform:scale(.95);transform:scale(.95)}}.switch input{opacity:0;position:absolute}.switch{background:#bdb9a6;cursor:pointer;display:inline-block;font-size:20px;width:2em}.switch,.switch div{border-radius:1em;height:1em}.switch div{background:#fff;box-shadow:0 .1em .3em rgba(0,0,0,.3);transition:all .3s;width:1em}.switch input:checked+div{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.switch input:checked+#nav-bar{color:red}#nav-bar{align-items:center;background-color:#202020;background-color:var(--navBar);display:grid;grid-template-columns:1fr repeat(4,100px);height:59px;justify-content:end;justify-items:center;list-style-type:none;margin:0;padding-left:15px;padding-right:15px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.nav-links{cursor:pointer;font-weight:900;transition:color .3s}.nav-links:hover{color:#ff4d5a}.switch{justify-self:start}#about-page,#contact-page,#project-page{margin:0 71.5px;padding:15px;padding-top:50px}h2{align-self:center;font-size:2rem;justify-self:center;text-align:center;-webkit-user-select:none;user-select:none}#about-page{grid-gap:20px;display:grid;gap:20px}#about-info{align-self:center;text-align:center;width:350px}#about-info,#tech-stack{display:grid;justify-self:center}#tech-stack{grid-gap:20px;gap:20px;grid-template-columns:repeat(4,100px);grid-template-rows:repeat(3,100px);-webkit-user-select:none;user-select:none}#tech-stack>div{grid-gap:10px;align-items:center;border:1px dotted #fff;border-radius:2px;display:grid;font-family:Helvetica,sans-serif;font-size:10.4px;gap:10px;grid-template-rows:1.2fr .4fr;justify-items:center;line-height:13.52px;padding:15px;text-align:center;text-transform:uppercase;transition:background-color .2s}#tech-stack>div:hover{background-color:#fff;color:#000;font-weight:bolder}i{font-size:50px}#project-page{grid-gap:80px;display:grid;gap:80px;margin-right:0;padding-right:0}.projects{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 4fr}.project-title{align-self:center;color:#7fffd4;font-size:1.5em;grid-column:1/2;grid-row:1/2;-webkit-user-select:none;user-select:none}.img-container{align-items:center;background-color:#202020;background-color:var(--navBar);display:grid;grid-column:2/3;grid-row:1/3;height:100%;justify-items:center;justify-self:end;width:120%;z-index:-1}.project-img{height:auto;opacity:80%;width:80%;z-index:-1}.project-desc{grid-column:1/2;grid-row:2/3}.para3{border-top:1px solid grey;padding-top:20px}.project-btn{border:2px solid #0ebf83;border-radius:2px;color:#0ebf83;padding:5px 20px;text-align:center;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);transition:color .5s;width:150px}.project-btn:before{background:#0ebf83;bottom:0;content:"";left:0;position:absolute;right:0;top:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out;z-index:-1}.project-btn:active,.project-btn:focus,.project-btn:hover{color:#fff}.project-btn:active:before,.project-btn:focus:before,.project-btn:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}#contact-page{display:grid;grid-template-rows:1fr 1fr;margin:0;padding-bottom:60px}#logos{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,100px);grid-template-rows:100px;justify-self:center}#logos>a{grid-gap:10px;align-items:center;border:1px dotted #fff;border-radius:2px;cursor:pointer;display:grid;font-family:Helvetica,sans-serif;font-size:10.4px;gap:10px;grid-template-rows:1.2fr .4fr;justify-items:center;line-height:13.52px;padding:15px;text-align:center;text-transform:uppercase;transition:background-color .2s}#logos>a:hover{background-color:#fff;color:#000;font-weight:bolder}#footer{align-content:center;background-color:#0ebf83;color:#000;display:grid;font-size:1.1em;font-weight:700;text-align:center}@media (min-width:0px) and (max-width:770px){#about-page,#contact-page,#project-page{font-weight:100;line-height:1.2em}#about-info{width:340px}#project-page{margin-left:0}#tech-stack{grid-template-columns:repeat(3,100px);grid-template-rows:repeat(4,100px)}#about-page{margin-left:0;margin-right:0;padding:8px}#about-page>h2{padding-top:20px}}@media (min-width:770px) and (max-width:8000px){#project-page{font-weight:500;line-height:1.5em}#about-info{width:500px}}@media (min-width:0px) and (max-width:370px){#landing-page{font-size:1em}#footer,#nav-bar{font-size:.7em;height:32px}#nav-bar{grid-template-columns:1fr repeat(4,50px)}#project-page{gap:60px}.projects{height:190px;padding-bottom:170px}.project-title{font-size:1em}#intro1,.project-desc{font-size:.8em}.img-container{width:100%}}@media (min-width:370px) and (max-width:615px){#landing-page{font-size:1.1em}#footer,#nav-bar{font-size:.8em;height:38px}#nav-bar{grid-template-columns:1fr repeat(4,70px)}#project-page{gap:70px}.projects{height:280px;padding-bottom:80px}.project-title{font-size:1.1em}#intro1,.project-desc{font-size:.8em}.img-container{width:100%}}@media (min-width:615px) and (max-width:770px){#landing-page{font-size:1.2em}#footer,#nav-bar{font-size:.9em;height:41px}#nav-bar{grid-template-columns:1fr repeat(4,80px)}#project-page{gap:80px}.projects{height:350px}.project-title{font-size:1.2em}#intro1,.project-desc{font-size:.8em}.img-container{width:100%}}@media (min-width:770px) and (max-width:1500px){#landing-page{font-size:1.6em}#footer,#nav-bar{font-size:1em;height:47px}#nav-bar{grid-template-columns:1fr repeat(4,90px)}#project-page{gap:100px}.projects{height:512px}.project-title{font-size:1.7em}#intro1,.project-desc{font-size:.9em}.img-container{width:100%}}@media (min-width:1500px) and (max-width:8000px){#landing-page{font-size:1.9em}#footer,#nav-bar{font-size:1.2em;height:59px}#nav-bar{grid-template-columns:1fr repeat(4,120px)}#project-page{gap:140px;margin-left:150px;margin-right:150px}.projects{height:700px}.project-title{font-size:2.2em}#intro1,.project-desc{font-size:1.15em}.project-desc{max-width:600px}.img-container{width:140%}.project-img{max-height:auto;max-width:940px}}
/*# sourceMappingURL=main.9e909c83.css.map*/