@font-face{font-family:nasalizationregular;font-style:normal;font-weight:400;src:url(/static/media/nasalization-rg-webfont.7f2952b264f169a90b55.woff2) format("woff2"),url(/static/media/nasalization-rg-webfont.a7d073db6f2c88e91413.woff) format("woff")}strong{color:#eb5939;font-size:x-large;letter-spacing:1px}:root{--light-color:#fff;--dark-color:#000}.dark{--font-color:#fff;--bg-color:#1c1717;--sidenav-bg:#000;--p-font-color:#e1e1e1;--skill-bg-color:#000;--skill-font:#efefef;--service-bg:#323232;--number-bg:#473c33;--facts-bg:#000;--border:#fdfdfd;--contact-form-border:#6a6464;--button-color:#000;--about-border:#dfdfdf;--year:#000}.dark,.light{transition:.5s}.light{--font-color:#000;--bg-color:#f7f7f7;--sidenav-bg:#f0ebe3;--p-font-color:#000;--skill-bg-color:#eeedeb;--skill-font:#000;--service-bg:#eeedeb;--number-bg:#f8f8f8;--facts-bg:#ebebeb;--border:#000;--contact-form-border:#6a6464;--button-color:#fff;--about-border:#000;--year:#f7efe5}h1,h3,p,span{color:var(--font-color)}.border{border-radius:7px}body{color:#fff;color:var(--light-color);font-family:sans-serif;margin:0}textarea::placeholder{color:#fff}#root{display:flex}.side-nav-container{background-color:var(--sidenav-bg);left:0;position:fixed;top:-16px;width:16rem}.side-nav-container ul{align-items:center;display:flex;flex-direction:column;gap:3rem;height:auto;list-style:none;padding:15rem 0}.side-nav-container a{color:var(--font-color);font-family:Kanit,sans-serif;text-decoration:none;transition:letter-spacing .5s}.side-nav-container a:hover{letter-spacing:5px}.open-nav{left:-7px!important}.mobile-nav ul{display:flex;flex-direction:column;gap:4rem;list-style:none;padding:0}.mobile-nav a{color:var(--font-color);font-family:Kanit,sans-serif;text-decoration:none}.mobile-hamb{display:none;left:10px;position:fixed;top:24px;z-index:999999}.mobile-nav{display:none}.home-section{align-items:center;background-color:var(--bg-color);color:#fff;height:-webkit-fill-available;left:16rem;position:absolute;top:0;width:-webkit-fill-available}.home-container,.home-section{display:flex;justify-content:center}.home-container{gap:4rem;width:100%}.avatar{border-radius:100%;min-height:311px;min-width:244px;position:relative}.home-img{background-image:url(/static/media/nas.a0ba553f1e06db7c43f8.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.home-description{grid-gap:1rem;align-content:center;display:grid;gap:1rem;margin-bottom:3rem;padding:.4rem;width:30rem}.home-description h1{font-family:nasalizationregular,Arial,sans-serif;font-size:4rem;font-weight:800;margin:0}.home-description span{font-size:1.5rem;font-weight:600}.home-description p{font-family:Ubuntu,sans-serif;font-size:1.2rem;line-height:1.5;text-align:justify}.socials{display:flex;gap:1.3rem}.socials a{color:#fff;transition:.3s ease-in-out}.socials a:hover{transform:translateY(-5px)}.about-section{align-items:center;background-color:var(--bg-color);display:flex;justify-content:center;left:16rem;position:absolute;top:0;transition:.5s linear}.about-container{color:#fff;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.about-me-container{padding:6rem}.about-me{background-color:#362d2da1;padding:1rem;width:fit-content}.about-container p{color:var(--p-font-color);font-family:Kanit,system-ui;font-size:.9rem;line-height:1.7}.dev-name{display:flex;flex-direction:column;gap:1rem}.dev-name h3{color:var(--font-color);margin:0}.dev-intro{border-top:1px solid var(--about-border);flex-direction:column;gap:.5rem;padding:1rem 0}.dev-details,.dev-intro{border-bottom:1px solid var(--about-border);display:flex}.dev-details{gap:10rem;padding-bottom:1rem}.dev-details ul{display:flex;flex-direction:column;gap:1rem;padding:0}.dev-details ul li span:first-child{font-size:.9rem;font-weight:700;margin-right:10px;min-width:100px}.dev-details ul li span:last-child{color:var(--p-font-color);font-size:.9rem}.left-details li{display:flex}.right-details li{display:flex;gap:2rem}.programming-skills{background-color:var(--skill-bg-color);padding:3rem 6rem}.programming-skills h2{color:var(--font-color);margin-bottom:4rem}.skills{display:flex;gap:7rem}.left-skills{display:flex;flex-direction:column;gap:2rem;width:100%}.left-skills label{float:left;margin-bottom:8px}.left-skills label,.left-skills span{color:var(--skill-font);font-size:.9rem;font-style:italic}.left-skills span{float:right}.progress{background-color:#fff;float:left;height:3px;position:relative;width:100%}.bar{background-color:#7b7b7b;height:3px;position:absolute;width:96%}.js .bar{width:90%}.mongo .bar{width:80%}.html .bar{width:100%}.express .bar{width:75%}.education{display:flex;flex-direction:column;gap:2rem;padding:4rem}.education h3{color:var(--font-color)}.year-study{display:flex;gap:10rem}.year{background-color:var(--year);border-radius:50px;text-align:center;width:7rem}.study p:first-child,.year{color:var(--font-color);font-weight:600;letter-spacing:1px}.study p:first-child{margin:0}.study p:last-child{font-size:.8rem;margin:0}.project-section{align-items:center;background-color:var(--bg-color);display:flex;justify-content:center;left:16rem;position:absolute;top:0}.project-container{padding:4rem}.project-container h2{color:var(--font-color)}.my-projects{display:flex;flex-direction:column;gap:4rem}.lightbox-overlay{background-color:var(--bg-color);border-radius:5px;display:flex;left:50%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:96%}.lightbox-content{align-items:center;display:flex!important;flex-direction:column;justify-content:center}.lightbox-content h1{line-height:1.5;text-align:center}.lightbox-content button{background-color:#4681f4;border:none;border-radius:4px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.lightbox-content button:hover{background-color:#284c93;box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.each-project{cursor:pointer;position:relative}.each-project img{cursor:pointer;width:100%}.mobile-content{display:none}.service-section{align-items:center;background-color:var(--bg-color);display:flex;justify-content:center;left:16rem;position:absolute;top:0}.service-section h2{color:var(--font-color)}.service-container{padding:4rem}.my-services{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr 1fr}.each-service{background-color:var(--service-bg);display:flex;flex-direction:column;padding:2rem}.each-service h3{color:var(--font-color)}.each-service p{color:var(--p-font-color);font-family:Carme,sans-serif;font-size:.9rem;line-height:1.7}.number{background-color:var(--number-bg);border-radius:50%;color:var(--font-color);font-size:1rem;font-weight:600;padding:1rem;width:fit-content}.facts{background-color:var(--facts-bg);display:flex;flex-direction:column;gap:4rem;margin-top:4rem;padding:4rem}.fun-facts{display:flex;flex-wrap:wrap;gap:2rem;text-align:center}.each-fact{border:1px solid var(--border);padding:1rem 3rem}.each-fact p{color:var(--p-font-color);font-family:Carme,sans-serif;font-size:.9rem;line-height:1.7}.contact-section{align-items:center;background-color:var(--bg-color);display:flex;height:100%;justify-content:center;left:16rem;position:absolute;top:0;width:-webkit-fill-available}.contact-container{padding:3rem;width:100%}.contact-form form,.get-in-touch{display:flex;flex-direction:column}.contact-form form{gap:2rem}.contact-form input{background-color:var(--bg-color);border:1px solid #6a6464;font-style:italic;font-weight:600;padding:.6rem}.contact-form input,.contact-form input::placeholder,.contact-form textarea{color:var(--font-color)}.contact-form textarea{background-color:var(--bg-color);border:1px solid #6a6464;font-size:.9rem;font-style:italic;font-weight:600;padding:.6rem}.contact-form textarea::placeholder{color:var(--font-color)}.contact-form button{background-color:var(--font-color);border:none;border-radius:4px;color:var(--button-color);font-size:1rem;font-weight:600;letter-spacing:1px;padding:1rem;transition:all .3s ease;width:fit-content}.contact-form button:hover{letter-spacing:3px}#aui-flag-container{position:fixed;right:0;top:2%;z-index:4000}.aui-flag-stack{position:relative}#aui-flag-container>.aui-flag-stack>div.aui-flag-stack-top-item[aria-hidden=false]{display:block;transition:transform .5s .5s,top .5s,opacity .8s}.aui-flag[aria-hidden=false]{left:0;opacity:1;top:0}.aui-flag{left:0;max-height:300px;opacity:0;position:relative;top:-10px;transition:opacity .2s,top .5s}.aui-flag .aui-message{border-radius:3px;border-width:1px;box-shadow:0 3px 6px #0003;margin-bottom:20px;width:200px}.aui-message:first-child,aui-message:first-child{margin-top:0}.aui-message{word-wrap:break-word;background:#fff;border:1px solid #3572b0;border-radius:3px;color:#333;line-height:20px;margin:20px 0 0;overflow-wrap:break-word;padding:20px 40px 20px 60px;position:relative;word-break:break-word}.aui-message-warning,.aui-message.warning{background:#fff;border-color:#edc211;color:#333}.aui-message-error,.aui-message.error{background:#fff;border-color:#d04437;color:#333}.aui-message-success,.aui-message.success{background:#fff;border-color:#690;color:#333}.aui-message-success:before,.aui-message.success:before{background-color:#690}.aui-message-error:before,.aui-message.error:before{background-color:#d04437}.aui-message-warning:before,.aui-message.warning:before{background-color:#edc211}.aui-message:before{background-color:#3572b0;bottom:0;content:"";left:0;position:absolute;top:0;width:40px}.aui-message p.title{font-weight:700}.aui-message p.title strong{font-weight:inherit}.aui-message.closeable .icon-close:focus,.aui-message.closeable:hover .icon-close,.aui-message.closeable:not(.fadeout):not(.aui-will-close) .icon-close{opacity:1}.aui-message.closeable .icon-close{cursor:pointer;left:auto;opacity:0;position:absolute;right:20px;top:10px;top:20px}.aui-message .aui-icon.icon-close{background-image:none;color:#707070;text-indent:inherit}.aui-message .aui-icon{background-position:50%}.aui-icon{background-repeat:no-repeat;border:none;display:inline-block;height:16px;margin:0;padding:0;text-align:left;vertical-align:text-bottom;width:16px}.aui-message-success:after,.aui-message.success:after{color:#fff;content:"\f05d"}.aui-message-warning:after,.aui-message.warning:after{color:#fff;content:"\f071"}.aui-message-error:after,.aui-message.error:after{color:#fff;content:"\f06a"}.aui-message:after{-webkit-font-smoothing:antialiased;color:#fff;content:"\f05a";font-family:FontAwesome;font-size:18px;font-style:normal;font-weight:400;left:12px;line-height:1;margin-top:-8px;position:absolute;top:50%}@media only screen and (max-width:1080px){.side-nav-container{display:none}.home-section{display:grid;height:fit-content;left:0;text-align:center}.home-container{display:grid;justify-items:center;margin-top:8rem}.mobile-nav{align-items:center;background-color:var(--sidenav-bg);display:flex;flex-direction:column;gap:3rem;height:100vh;justify-content:center;position:fixed;text-align:center;width:16rem;z-index:3}.avatar{min-height:242px;width:200px}.home-description{justify-items:center;width:auto}.mobile-hamb{display:flex}.about-section{left:0;width:100%}.about-container{margin-top:5rem;width:100%}.about-me-container{padding:0;text-align:center;width:100%}.dev-intro{padding:1rem}.dev-details{grid-gap:0;display:grid;gap:0;padding-left:14px;text-align:left}.left-details ul li span:first-child{margin-right:43px}.my-services{grid-template-columns:1fr 1fr}.service-section{left:0}.contact-section{align-items:normal;left:0}.project-section{left:0}.home-img{border-radius:50%}}@media only screen and (max-width:680px){.skills{grid-gap:2rem;display:grid;gap:2rem}.year-study{justify-content:center}.year{background-color:initial;height:fit-content}.service-section{left:0;width:100%}.service-container{margin-top:5rem;padding:2rem;width:100%}.my-services{gap:0;grid-template-columns:1fr}.each-service{margin:1rem}.fun-facts{grid-gap:3rem;display:grid;gap:3rem}.lightbox-overlay{background-color:initial;left:0;position:relative;transform:none;width:auto}.mobile-content{display:flex!important}.lightbox-content h1{font-size:1.3rem;font-weight:100;line-height:1.2}.home-img{border-radius:50%}}.svg-width{width:350px}.skybg{height:100%;position:absolute;width:100%}#sky{height:100vh;width:100vw}#shootingstars,#sky{margin:0;overflow:hidden;padding:0;position:fixed}#shootingstars{height:100vw;transform:translatex(calc(50vw - 50%)) translatey(calc(50vh - 50%)) rotate(154deg);width:150vh}.wish{background-color:#fff;background:linear-gradient(-45deg,#fff,#00f0);filter:drop-shadow(0 0 6px white);height:2px;margin:0;opacity:0;overflow:hidden;padding:0;position:absolute;top:300px;width:100px}@media (max-width:1080px){#sky{left:0}}.dark{--text-color:#fff}.light{--text-color:#000}.container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.text{color:var(--text-color);font-family:Roboto Mono,monospace;font-size:16px;font-weight:400;left:0;margin-left:auto;margin-right:auto;max-width:fit-content;position:fixed;right:0;top:2%}.dud{color:#757575}@media (max-width:680px){.text{max-width:255px}}.count{opacity:0;transition:opacity 3s ease-in}.fade-in{opacity:1}
/*# sourceMappingURL=main.bc8b2d76.css.map*/