a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{scroll-behavior:smooth}body{font-family:Roboto;font-family:var(--mainFont);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{background-color:#181818;background-color:var(--backgroundColor);margin:0 2rem}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--blue:#447bbe;--grey:#a7a7a7;--lightgrey:#cfcfcf;--backgroundColor:#181818;--mainFont:"Roboto";--altFont:"Quantico"}@-webkit-keyframes animate{0%{opacity:0;-webkit-transform:translateY(30vh);transform:translateY(30vh)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes animate{0%{opacity:0;-webkit-transform:translateY(30vh);transform:translateY(30vh)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}header{background-color:var(--backgroundColor);position:fixed;top:0;width:100%;z-index:10}.navHeader{align-items:center;box-shadow:0 10px 30px -10px rgba(0,0,0,.268);display:flex;justify-content:space-between;margin-left:-2rem;padding:1.25rem 4rem}.navHeader img{width:42px}.navHeader ul{display:flex;gap:2rem;list-style:none}.navHeader a{color:var(--lightgrey);font-size:14px;text-decoration:none;transition:.3s}.navHeader a:hover{color:var(--blue)}.navHeader ul span{color:var(--blue);font-family:var(--altFont)}.navHeader .burgerMenu{display:none}@media (max-width:580px){header{margin-left:-2rem}.navHeader{padding-right:2rem}.navHeader ul{display:none}.menuMobile{align-items:center;display:flex;height:100vh;justify-content:center;margin-top:-4rem;text-align:center}.menuMobile ul li a{color:var(--lightgrey);font-family:var(--altFont);font-size:1.2rem;text-decoration:none}.menuMobile ul li{margin-bottom:3rem}.menuMobile span{color:var(--blue)}.navHeader .burgerMenu{display:flex;flex-direction:column}.navHeader .burgerMenu span{align-self:flex-end;height:2px;margin-bottom:4px;margin-top:.2rem;transition:.3s}.navHeader .burgerMenu span:first-child{background-color:var(--blue);width:36px}.navHeader .burgerMenu span:nth-child(2){background-color:var(--lightgrey);width:30px}.navHeader .burgerMenu span:nth-child(3){background-color:var(--blue);width:24px}.burgerMenu.cross span:first-child{-webkit-transform:rotate(45deg) translate(5px,5px);transform:rotate(45deg) translate(5px,5px);width:30px}.burgerMenu.cross span:nth-child(2){opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}.burgerMenu.cross span:nth-child(3){-webkit-transform:rotate(-45deg) translate(8px,-8px);transform:rotate(-45deg) translate(8px,-8px);width:30px}}.introduction{margin-bottom:14rem;margin-top:15rem}.introduction h1{-webkit-animation:animate .9s cubic-bezier(.2,.6,.2,1);animation:animate .9s cubic-bezier(.2,.6,.2,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;color:var(--blue);font-family:var(--altFont);font-size:clamp(16px,3vw,20px);font-weight:100;line-height:1}.introduction h2{-webkit-animation:animate .9s cubic-bezier(.2,.6,.2,1);animation:animate .9s cubic-bezier(.2,.6,.2,1);-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;color:var(--lightgrey);line-height:1.8}.introduction h2,.introduction h3{font-size:clamp(36px,8vw,70px);font-weight:600;opacity:0}.introduction h3{-webkit-animation:animate .9s cubic-bezier(.2,.6,.2,1);animation:animate .9s cubic-bezier(.2,.6,.2,1);-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;color:#a7a7a7;line-height:1}.introduction p{-webkit-animation:animate .9s cubic-bezier(.2,.6,.2,1);animation:animate .9s cubic-bezier(.2,.6,.2,1);-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;color:#a7a7a7;font-size:18px;font-weight:400;line-height:1.5;margin-top:1rem;opacity:0}.introduction p span{color:var(--blue)}.introduction button{-webkit-animation:animate .9s cubic-bezier(.2,.6,.2,1);animation:animate .9s cubic-bezier(.2,.6,.2,1);-webkit-animation-delay:.8s;animation-delay:.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background:none;border:1px solid var(--blue);border-radius:4px;color:var(--blue);cursor:pointer;font-family:var(--altFont);font-size:15px;margin-top:3rem;opacity:0;padding:.9rem 2.2rem;transition:.3s}.introduction button:hover{background-color:var(--blue);color:#181818}.about{padding-top:7rem}.about h1{color:var(--lightgrey);font-size:clamp(22px,5vw,28px);font-weight:600;margin-bottom:1rem}.about h1:after{background:#444;content:"";display:inline-block;height:1px;margin-left:1rem;max-width:490px;vertical-align:middle;width:25%}.about h1 span{color:var(--blue);font-family:var(--altFont);font-size:clamp(18px,5vw,22px);font-weight:100}.aboutArticle{color:var(--grey);display:flex;font-size:18px;line-height:1.6}.aboutArticle p{margin-right:1rem}.aboutArticle p span{color:var(--blue)}.aboutArticle .imgWrap,.aboutArticle img{height:255px;width:255px}.aboutArticle .imgWrap:after{border:2px solid var(--blue);border-radius:3px;content:"";display:block;height:100%;left:15px;position:relative;top:-245px;transition:.4s ease;width:100%;z-index:-1}.aboutArticle .imgWrap:hover:after{-webkit-transform:translateX(-17px) translateY(-21px);transform:translateX(-17px) translateY(-21px)}.aboutFlex{display:flex;flex-direction:column}.about ul{grid-gap:0 10px;display:grid;gap:0 10px;grid-template-columns:repeat(2,minmax(140px,200px));list-style:none;margin:20px 0 3.5rem;overflow:hidden;padding:0}.about li{color:var(--grey);font-size:18px;margin-bottom:10px px;padding-left:20px;position:relative;z-index:1}.about li:before{color:var(--blue);content:"▹";font-size:15px;left:0;position:absolute}.flexAbout{display:flex;flex-direction:column}.aboutArticle{opacity:0;-webkit-transform:translateY(200px);transform:translateY(200px);transition:opacity 2s ease,-webkit-transform .7s ease;transition:opacity 2s ease,transform .7s ease;transition:opacity 2s ease,transform .7s ease,-webkit-transform .7s ease}.aboutArticle.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:914px){.aboutArticle{flex-direction:column}.about .imgWrap{margin:0 auto}}.myProjects{padding-top:6rem}.myProjects h1{color:var(--lightgrey);font-size:clamp(22px,5vw,28px);font-weight:600;margin-bottom:2rem}.myProjects h1:after{background:#444;content:"";display:inline-block;height:1px;margin-left:1rem;max-width:490px;vertical-align:middle;width:25%}.myProjects h1 span{color:var(--blue);font-family:var(--altFont);font-size:clamp(18px,5vw,22px);font-weight:100}.workItems{display:flex;flex-wrap:wrap;justify-content:center}.myProjects{opacity:0;-webkit-transform:translateY(200px);transform:translateY(200px);transition:opacity 2s ease,-webkit-transform .7s ease;transition:opacity 2s ease,transform .7s ease;transition:opacity 2s ease,transform .7s ease,-webkit-transform .7s ease}.myProjects.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.workItem{border:1px solid transparent;border-radius:3px;flex-wrap:wrap;margin:1rem;padding:1.5rem 1.3rem;transition:.3s ease-in-out;width:350px}.workItem:hover{background-color:#242424}.workItem h2{color:var(--lightgrey);font-size:22px;font-weight:600;margin-bottom:.5rem}.workItem p{color:var(--grey);font-size:15px;line-height:1.5;margin-bottom:1.1rem}.workItem button{background:none;border:2px solid var(--blue);border-radius:4px;color:var(--blue);cursor:pointer;font-family:var(--mainFont);font-size:14px;font-weight:500;padding:.5rem 1.6rem;transition:.3s}.workItem button:hover{background-color:var(--blue);color:#242424}.link{text-decoration:none}.workItem ul{color:var(--blue);display:flex;flex-wrap:wrap;gap:9px;margin-top:1rem}.workItem li{background-color:#1b232d;border-radius:9999px;font-size:14px;font-weight:500;line-height:1.25rem;padding:.25rem .75rem;transition:.3s ease-in-out}.workItem li:hover{background-color:var(--blue);color:#1b232d}@media (max-width:914px){.workItem{margin:0}}.contact{align-items:center;border-top:2px solid #222;color:var(--lightgrey);display:flex;flex-direction:column;font-size:20px;margin:4rem -2rem 3rem;padding-top:3rem}.contact h1{font-size:clamp(22px,5vw,28px);font-weight:600;margin-bottom:1rem}.contact ul{display:flex;margin-top:2rem}.contact li{font-size:16px;list-style-type:none;margin:1rem}.contact a{color:var(--lightgrey);text-decoration:none;transition:.3s}.contact a:hover{color:var(--blue)}.contact li:before{color:var(--blue);content:"\2022";margin-right:.3rem}@media (max-width:704px){.contact ul{flex-wrap:wrap;justify-content:center}}main{margin:0 auto;max-width:950px}::selection{background-color:var(--blue);color:var(--backgroundColor)}.workPage{color:var(--lightgrey);margin-bottom:15vh}.workPage .tags{color:var(--blue);cursor:default;display:flex;flex-wrap:wrap;gap:9px;margin-bottom:4rem;margin-top:1rem}.workPage .tags li{background-color:#1b232d;border-radius:9999px;font-size:14px;font-weight:500;line-height:1.25rem;padding:.25rem .75rem;transition:.3s ease-in-out}.workPage .tags li:hover{background-color:var(--blue);color:#1b232d}.workPage a{color:var(--blue);cursor:pointer;font-size:18px;font-weight:500;text-decoration:none}.workPage h1{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;font-size:clamp(36px,8vw,70px);font-weight:600;padding-top:25vh;text-align:center}.workPage h1,.workPage img{-webkit-animation:animate .9s cubic-bezier(.2,.6,.2,1);animation:animate .9s cubic-bezier(.2,.6,.2,1)}.workPage img{-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;border-radius:3px;height:auto;margin-top:10vh;opacity:0;width:100%}.workPage h2,.workPage h3,.workPage h4{font-size:clamp(25px,4vw,50px);font-weight:600;margin-top:10vh}.workPage p{font-size:16px;line-height:1.7;margin-top:1rem}.backToPortfolio button{background:var(--blue);border:2px solid var(--blue);border-radius:4px;color:var(--backgroundColor);cursor:pointer;font-family:var(--mainFont);font-size:14px;font-weight:500;margin-top:3rem;padding:.5rem 1.6rem;transition:.3s}.backToPortfolio button:hover{background:var(--backgroundColor);color:var(--blue)}.linkWork{background-color:initial;border:none;color:#000;display:inline-block;margin-right:1.8rem;overflow:hidden;padding-bottom:3px;position:relative;text-decoration:none}.linkWork:before{background-color:var(--blue);bottom:0;content:"";height:1px;left:p0;position:absolute;-webkit-transform-origin:left;transform-origin:left;transition:width .5s ease;width:0}.linkWork:hover:before{width:100%}
/*# sourceMappingURL=main.69cb1bd6.css.map*/