body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#555;color:#fff;font-family:Space Grotesk Variable,Nunito,Comfortaa,Arial Narrow Bold,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100%;left:0;position:fixed;top:0;width:100%}.header{color:#fff;display:flex;padding:10px;text-align:left}.header__logo{width:120px}.header__logo img{height:100px}.header__text{flex-grow:1;line-height:10px;width:400px}.header h1{font-size:2.5em;font-weight:400}.header__buttons{padding:1em}.header__buttons .effects{cursor:pointer}@media screen and (max-width:490px){.header__text{line-height:normal;width:100%}.header h1{font-size:1.5em;margin:0}.header h2{font-size:.75em;margin:0}}.experience{display:block}.experience button:hover{background-color:#787878!important}.experience .role{color:#fff;font-size:1.25em;font-weight:700}.experience .date{color:#fff;margin-left:auto}.experience .expAccordion{float:right}.skills ul{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-around;max-height:30vh}.skills ul li{flex-grow:1;margin:1em}@media screen and (max-width:490px){.skills ul{flex-direction:row;max-height:none}}.projects .projectCards{display:flex;flex-wrap:wrap;justify-content:space-around}.projects .project{min-width:20rem;padding:0 5px 5px;width:25vw}.projects .project p{min-height:6em}.projects .project button{background-color:#0000;border:0 solid #fff}.projects .project button img{cursor:pointer;transition:filter .3s ease}.projects .project button img:hover{filter:brightness(70%)}.awModalContent,.wsModalContent{align-content:stretch;display:flex;flex-wrap:wrap;justify-content:space-around;max-width:80vw}.awModalContent img,.wsModalContent img{height:20%;margin:.5em 1em 0 0;transition:all .5s ease-in-out;width:20%}.awModalContent img:hover,.wsModalContent img:hover{height:30%;width:30%}.MuiSheet-variantOutlined{border-radius:1.25em}@media screen and (max-width:1390px){.projects .projectCards{display:flex;flex-direction:column;justify-content:space-around}}.sidenav{padding-top:1em}.sidenav button{border:0 solid #fff;color:#fff;display:block;transition:all .3s ease}.sidenav button:hover{color:#111}@media screen and (max-width:490px){.sidenav{white-space:nowrap}.sidenav button{display:inline;padding:0 .5}}.home{border:3px solid #ccc;border-radius:3em;display:grid;grid-template-columns:200px auto;grid-template-rows:100px auto;height:90vh;margin:2em;overflow:hidden;position:relative}.home .contactIcon{padding:.5em}.home .contactIcon a{color:#fff;font-size:1.5em;transition:color .3s ease}.home .contactIcon a:hover{color:#b0acc8}.home .top{grid-column:span 2;max-height:5em}.home .left{padding:1em}.home .right{padding:1em;position:static}.home .right .content{height:100%;overflow:auto;position:relative}.home .right .content .about,.home .right .content .experience,.home .right .content .faq,.home .right .content .projects{opacity:1;position:absolute;transition:opacity 1s ease;width:100%}.home .right .content .hidden{height:0;left:-2000px;margin:0;opacity:0;padding:0;position:fixed;transition:opacity 0s ease}.bg_canvas{position:absolute;z-index:-1}.bg_canvas .hidden{opacity:0}.loader img{filter:grayscale(1);height:100vh;height:500px;height:402px;left:30vw;opacity:0;position:fixed;top:10vw;transition:opacity .5s ease,filter 2s ease,top 4.5s ease-out,left 4s ease-out,width 5s ease-in-out,height 5s ease-in-out;width:430px}.animate img{filter:grayscale(0);height:100px;left:45px;opacity:1;top:45px;width:110px}.particle{pointer-events:none;position:fixed}.particle .hidden{opacity:0}#homeDiv,#loaderDiv{opacity:1;transition:opacity 1s ease}#homeDiv.hidden,#loaderDiv.hidden{opacity:0}@media screen and (max-width:490px){.home{overflow:auto}.home,.home .left,.home .top{display:block}.home .right{padding:1em;position:static}.home .right .content{padding:1em}.home .right .content .about,.home .right .content .experience,.home .right .content .faq,.home .right .content .projects{max-width:380px;opacity:1;transition:opacity 1s ease}.home .right .content .hidden{height:0;margin:0;opacity:0;padding:0;transition:opacity 0s ease}.home .bg_canvas{left:0;position:fixed;top:0}}@font-face{font-display:swap;font-family:Comfortaa;font-style:normal;font-weight:400;src:url(/static/media/comfortaa-cyrillic-ext-400-normal.981df7499885d4fb8087.woff2) format("woff2"),url(/static/media/comfortaa-cyrillic-ext-400-normal.aa100bb608a77a95e41f.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Comfortaa;font-style:normal;font-weight:400;src:url(/static/media/comfortaa-cyrillic-400-normal.3ca1a2c54c17500bec50.woff2) format("woff2"),url(/static/media/comfortaa-cyrillic-400-normal.b15c1eb9f5dce263f78d.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Comfortaa;font-style:normal;font-weight:400;src:url(/static/media/comfortaa-greek-400-normal.c7c8020ade39b93b45da.woff2) format("woff2"),url(/static/media/comfortaa-greek-400-normal.154219bca407517a0b5b.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Comfortaa;font-style:normal;font-weight:400;src:url(/static/media/comfortaa-vietnamese-400-normal.0d58e24f7952f7a12061.woff2) format("woff2"),url(/static/media/comfortaa-vietnamese-400-normal.26a817baac06429d15c7.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Comfortaa;font-style:normal;font-weight:400;src:url(/static/media/comfortaa-latin-ext-400-normal.8c4bab72b16db29e6955.woff2) format("woff2"),url(/static/media/comfortaa-latin-ext-400-normal.f934f87c9562509bc6a1.woff) format("woff");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Comfortaa;font-style:normal;font-weight:400;src:url(/static/media/comfortaa-latin-400-normal.cd55cff2a9e9a5cfa4bc.woff2) format("woff2"),url(/static/media/comfortaa-latin-400-normal.cd0a3fbb7381a2544cfd.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:400;src:url(/static/media/nunito-cyrillic-ext-400-normal.c74946f28a2a3bf21fa5.woff2) format("woff2"),url(/static/media/nunito-cyrillic-ext-400-normal.bbc8ddfbf7a68744ec73.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:400;src:url(/static/media/nunito-cyrillic-400-normal.d849bc0e78e41c04b19a.woff2) format("woff2"),url(/static/media/nunito-cyrillic-400-normal.953b7e54b868ff59dd91.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:400;src:url(/static/media/nunito-vietnamese-400-normal.a83bae0c745757608a84.woff2) format("woff2"),url(/static/media/nunito-vietnamese-400-normal.1221888234e9ce4d67a2.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:400;src:url(/static/media/nunito-latin-ext-400-normal.ca34ca0f04c144c14d57.woff2) format("woff2"),url(/static/media/nunito-latin-ext-400-normal.71b591df087b973d02ed.woff) format("woff");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:400;src:url(/static/media/nunito-latin-400-normal.9f3f4583bd7c435a198c.woff2) format("woff2"),url(/static/media/nunito-latin-400-normal.993d6c50aeb5ceefdfc6.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Space Grotesk Variable;font-style:normal;font-weight:300 700;src:url(/static/media/space-grotesk-vietnamese-wght-normal.07eb1f298ecbaaf50b67.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Space Grotesk Variable;font-style:normal;font-weight:300 700;src:url(/static/media/space-grotesk-latin-ext-wght-normal.d12c134e87766c9a537e.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Space Grotesk Variable;font-style:normal;font-weight:300 700;src:url(/static/media/space-grotesk-latin-wght-normal.689e6485b7e1094b1b7d.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
/*# sourceMappingURL=main.ea7af280.css.map*/