@font-face{font-family:Ambivium;font-weight:700;src:local("Ambivium"),url(/static/media/Ambivium-Bold.d49e27c5bbf83e606dbd.woff2) format("woff2")}@font-face{font-family:Ambivium;font-weight:300;src:local("Ambivium"),url(/static/media/Ambivium-Light.695d1bfdc4a28d5457e4.woff2) format("woff2")}@font-face{font-family:Ambivium;font-weight:400;src:local("Ambivium"),url(/static/media/Ambivium-Regular.ad310f7f2bd527a0b264.woff2) format("woff2")}@font-face{font-family:BoonTook Mon;font-weight:400;src:local("BoonTook Mon"),url(/static/media/BoonTookMon-Regular.c7fb727c94ff506f85ef.woff2) format("woff2")}@media (min-width:760px){html{font-size:16px}}@media (max-width:760px){html{font-size:16px}}@media (min-width:1921px){html{font-size:16px}}body{display:flex;flex-direction:column;justify-content:stretch;margin:0;width:100%}div#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#202538;flex-basis:100%;font-family:Ambivium,sans-serif;font-weight:400;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}header{display:flex;flex-direction:row;padding:2rem 0}@media (min-width:1367px){header{margin-left:2vw;margin-right:2vw}}@media (min-width:1921px){header{margin-left:3vw;margin-right:3vw}}@media (min-width:2561px){header{margin-left:4vw;margin-right:4vw}}@media (max-width:1367px){header{margin-left:4vw;margin-right:4vw}}@media (max-width:1025px){header{margin-left:3vw;margin-right:3vw}}@media (max-width:760px){header{margin-left:2vw;margin-right:2vw}}.rjs-description{display:grid;grid-template-areas:"logo title" "logo name";grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr}.rjs-description svg{align-self:center;grid-area:logo;width:80px}@media (max-width:760px){.rjs-description svg{width:60px}}.rjs-description .title{align-self:end;grid-area:title;padding-bottom:5px;white-space:nowrap}@media (max-width:760px){.rjs-description .title{white-space:normal}}.rjs-description .name{grid-area:name;padding-top:5px}.rjs-description .name,.rjs-description .title{color:#00d8ff;font-size:1.25rem;font-weight:700;margin:0 0 0 1rem}@media (max-width:760px){.rjs-description .name,.rjs-description .title{font-size:1.05rem}}/*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger{background-color:initial;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;margin:0;overflow:visible;padding:15px;text-transform:none;transition-duration:.15s;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;transition-timing-function:linear}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#00d8ff}.hamburger-box{display:inline-block;height:24px;position:relative;width:40px}.hamburger-inner{display:block;margin-top:-2px;top:50%}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{background-color:#00d8ff;border-radius:4px;height:4px;position:absolute;transition-duration:.15s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:ease;width:40px}.hamburger-inner:after,.hamburger-inner:before{content:"";display:block}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dy-r .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{background-color:initial!important;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.hamburger--3dy-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}nav.rjs-navigation{margin-left:auto}nav.rjs-navigation button.hamburger{align-items:center;display:none}@media (max-width:760px){nav.rjs-navigation button.hamburger{bottom:-9px;display:flex;position:relative;z-index:10}}nav.rjs-navigation button.hamburger .hamburger-label{color:#00d8ff;font-weight:600;margin-bottom:-2px;margin-right:1rem}@media (max-width:760px){nav.rjs-navigation div.navigation{background-color:#111;height:100%;left:0;overflow-x:hidden;padding-top:60px;position:fixed;text-align:center;top:0;transition:.5s;width:0;z-index:1}nav.rjs-navigation div.navigation.mobil-menu-open{width:100%!important}}nav.rjs-navigation div.navigation ul.rjs-navigation{color:#00d8ff;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;list-style-type:none;padding:0;width:100%}@media (max-width:760px){nav.rjs-navigation div.navigation ul.rjs-navigation{flex-direction:column;height:50vh;justify-content:space-evenly}}nav.rjs-navigation div.navigation ul.rjs-navigation li{font-weight:700;padding:10px 30px}@media (max-width:1367px){nav.rjs-navigation div.navigation ul.rjs-navigation li{padding:10px 20px}}nav.rjs-navigation div.navigation ul.rjs-navigation li a{color:inherit;text-decoration:none;transition:.15s linear}nav.rjs-navigation div.navigation ul.rjs-navigation li a:hover{color:#fff}@media (min-width:760px){nav.rjs-navigation div.navigation ul.rjs-navigation li:last-child{padding-right:0}}main.rjs-main{width:auto}@media (min-width:1367px){main.rjs-main{margin-left:2vw;margin-right:2vw}}@media (min-width:1921px){main.rjs-main{margin-left:3vw;margin-right:3vw}}@media (min-width:2561px){main.rjs-main{margin-left:4vw;margin-right:4vw}}@media (max-width:1367px){main.rjs-main{margin-left:4vw;margin-right:4vw}}@media (max-width:1025px){main.rjs-main{margin-left:3vw;margin-right:3vw}}@media (max-width:760px){main.rjs-main{margin-left:2vw;margin-right:2vw}}main.rjs-main section.home-first-section{display:flex;flex-direction:row;flex-wrap:nowrap;margin-bottom:30vh;overflow:hidden}@media (max-width:760px){main.rjs-main section.home-first-section{flex-direction:column;margin-bottom:5vh}}main.rjs-main section.home-first-section .left{align-items:center;display:flex;flex:1 1 50%;flex-direction:column;justify-content:center}@media (max-width:1500px){main.rjs-main section.home-first-section .left{width:400px}}@media (max-width:760px){main.rjs-main section.home-first-section .left{width:75%}}main.rjs-main section.home-first-section .left .details-box{left:40%;position:relative}@media (max-width:1367px){main.rjs-main section.home-first-section .left .details-box{left:25%}}main.rjs-main section.home-first-section .left .details-box p{display:none}main.rjs-main section.home-first-section .left p{color:#c9c9c9;font-size:1.3rem;font-weight:700;line-height:1.6;padding:2rem;text-shadow:0 3px 6px rgba(0,0,0,.16);width:750px}@media (max-width:1025px){main.rjs-main section.home-first-section .left p{font-size:1.1rem}}@media (max-width:1500px){main.rjs-main section.home-first-section .left p{width:100%}}@media (max-width:760px){main.rjs-main section.home-first-section .left p{margin-left:25px;width:300px}}main.rjs-main .right{align-items:center;display:flex;flex:1 1 50%;justify-content:center}@media (max-width:1500px){main.rjs-main .right{flex:1 1 60%}}main.rjs-main .right picture img{border-radius:15px;box-shadow:2.4px 2.4px 3.2px rgba(0,0,0,.15);max-height:80vh}@media (max-width:1025px){main.rjs-main .right picture img{max-height:60vh}}@media (max-width:760px){main.rjs-main .right picture img{max-width:80vw}}main.rjs-main section.home-second-section{display:flex;flex-direction:row;flex-wrap:nowrap;margin-bottom:30vh;overflow:hidden}@media (max-width:760px){main.rjs-main section.home-second-section{flex-direction:column-reverse;margin-bottom:5vh}}main.rjs-main section.home-second-section .left{align-items:center;display:flex;flex:1 1 50%;justify-content:center}@media (max-width:1500px){main.rjs-main section.home-second-section .left{flex:1 1 60%}}main.rjs-main section.home-second-section .left picture img{border-radius:15px;box-shadow:2.4px 2.4px 3.2px rgba(0,0,0,.15);margin-left:10%;max-height:80vh;max-width:50vw}@media (max-width:1025px){main.rjs-main section.home-second-section .left picture img{max-height:60vh;max-width:45vw}}@media (max-width:760px){main.rjs-main section.home-second-section .left picture img{margin-left:0;max-width:80vw}}main.rjs-main section.home-second-section .right{align-items:center;display:flex;flex:1 1 50%;flex-direction:column;justify-content:center}main.rjs-main section.home-second-section .right .details-box{position:relative;right:35%}@media (max-width:1367px){main.rjs-main section.home-second-section .right .details-box{right:25%}}@media (max-width:1025px){main.rjs-main section.home-second-section .right .details-box{width:110%}}@media (max-width:760px){main.rjs-main section.home-second-section .right .details-box{margin:0 5vw;right:0;top:100px;width:auto}}main.rjs-main section.home-second-section p{color:#c9c9c9;font-size:1.3rem;font-weight:700;line-height:1.6;text-shadow:0 3px 6px rgba(0,0,0,.16);width:750px}@media (max-width:1025px){main.rjs-main section.home-second-section p{font-size:1.1rem}}@media (max-width:1500px){main.rjs-main section.home-second-section p{width:100%}}main.rjs-main section.home-third-section{display:flex;flex-direction:column;justify-content:center;margin-bottom:5vh}main.rjs-main section.home-third-section h2{color:#fff;font-family:BoonTook Mon;font-size:1.7rem;margin:0 0 1rem;text-align:center;text-shadow:0 3px 6px rgba(0,0,0,.32)}@media (max-width:1025px){main.rjs-main section.home-third-section h2{font-size:1.4rem}}main.rjs-main section.home-third-section ul{align-content:space-between;align-items:center;display:flex;flex-direction:column}@media (max-width:760px){main.rjs-main section.home-third-section ul{align-items:flex-start}}main.rjs-main section.home-third-section ul li{color:#fff;font-size:1.3rem;font-weight:700;line-height:1.6;margin:10px 0}@media (max-width:1025px){main.rjs-main section.home-third-section ul li{font-size:1.1rem}}main.rjs-main section.home-fifth-section h2{color:#fff;font-family:BoonTook Mon;font-size:1.7rem;margin:0 0 3rem;text-align:center;text-shadow:0 3px 6px rgba(0,0,0,.32)}@media (max-width:1025px){main.rjs-main section.home-fifth-section h2{font-size:1.4rem}}main.rjs-main section.home-fifth-section .certificates{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media (max-width:1025px){main.rjs-main section.home-fifth-section .certificates{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:760px){main.rjs-main section.home-fifth-section .certificates{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}main.rjs-main section.home-fifth-section h3.view-more{display:flex;justify-content:flex-end;margin:2rem 0}main.rjs-main section.home-sixth-section p.description{color:#fff}main.rjs-main section.home-sixth-section h3{color:#c9c9c9;font-size:1.2rem;opacity:.6;text-shadow:0 3px 6px rgba(0,0,0,.16)}main.rjs-main section.home-sixth-section .search-box{max-width:30%}@media (max-width:1025px){main.rjs-main section.home-sixth-section .search-box{max-width:50%}}@media (max-width:760px){main.rjs-main section.home-sixth-section .search-box{max-width:100%}}main.rjs-main section.home-sixth-section .search-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));list-style-type:none;margin-top:5vh;max-height:200vh;overflow-y:scroll;padding-left:0}@media (max-width:1025px){main.rjs-main section.home-sixth-section .search-results{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));row-gap:20px}}@media (max-width:760px){main.rjs-main section.home-sixth-section .search-results{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-height:400vh}}main.rjs-main section.home-sixth-section .search-results{scrollbar-color:#00d8ff #202538;scrollbar-width:thin}main.rjs-main section.home-sixth-section .search-results::-webkit-scrollbar{width:10px}main.rjs-main section.home-sixth-section .search-results::-webkit-scrollbar-track{background:#202538}main.rjs-main section.home-sixth-section .search-results::-webkit-scrollbar-thumb{background-color:#00d8ff;border:3px solid #202538;border-radius:20px}@media (max-width:760px){main.rjs-main section.home-sixth-section .search-results li.project{align-items:center;display:flex;flex-direction:column}main.rjs-main section.home-sixth-section .search-results li.project .project-title{text-align:center}}main.rjs-main section.home-fourth-section{margin-top:10vh}main.rjs-main section.home-fourth-section h2{color:#fff;font-family:BoonTook Mon;font-size:1.7rem;margin:0 0 3rem;text-align:center;text-shadow:0 3px 6px rgba(0,0,0,.32)}@media (max-width:1025px){main.rjs-main section.home-fourth-section h2{font-size:1.4rem}}main.rjs-main section.home-fourth-section .contact-container{display:flex;flex-direction:row}@media (max-width:760px){main.rjs-main section.home-fourth-section .contact-container{flex-direction:column;row-gap:2rem}}main.rjs-main section.home-fourth-section .contact-container .left,main.rjs-main section.home-fourth-section .contact-container .right{flex-basis:50%}@media (max-width:760px){main.rjs-main section.home-fourth-section .contact-container .left,main.rjs-main section.home-fourth-section .contact-container .right{flex-basis:100%}}main.rjs-main section.home-fourth-section .contact-container .right{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding:0 2rem}@media (max-width:760px){main.rjs-main section.home-fourth-section .contact-container .right{padding:0}}main.rjs-main section.home-seventh-section{margin-top:10vh}main.rjs-main section.home-seventh-section h2{color:#fff;font-family:BoonTook Mon;font-size:1.7rem;margin:0;text-align:center;text-shadow:0 3px 6px rgba(0,0,0,.32)}@media (max-width:1025px){main.rjs-main section.home-seventh-section h2{font-size:1.4rem}}main.rjs-main section.home-seventh-section h3.subtitle{color:#c9c9c9;font-size:1.2rem;opacity:.6;text-align:center;text-shadow:0 3px 6px rgba(0,0,0,.16)}.details-box{align-items:flex-start;background:linear-gradient(180deg,#343c54,#0a0c11);border-radius:15px;display:flex;flex-direction:column;opacity:.95;padding:3rem}@media (max-width:760px){.details-box{padding:2rem}}.details-box h2{color:#fff;font-family:BoonTook Mon;font-size:1.7rem;margin:0 0 1rem;text-shadow:0 3px 6px rgba(0,0,0,.32)}@media (max-width:1025px){.details-box h2{font-size:1.4rem}}.details-box h3{color:#00d8ff;font-family:BoonTook Mon;font-size:1.7rem;margin:0 0 1rem;text-shadow:0 3px 6px rgba(0,0,0,.32)}@media (max-width:1025px){.details-box h3{font-size:1.4rem}}.details-box p{margin:0 0 1rem}.details-box button{align-self:flex-end;flex:1 1;min-width:0}.rjs-button-outlined{-webkit-tap-highlight-color:transparent;align-items:center;align-self:flex-end;-moz-appearance:none;-webkit-appearance:none;background-color:initial;border:0;border-color:#fff!important;border-radius:0;border-radius:4px;box-sizing:border-box;color:inherit;color:#fff!important;cursor:pointer;display:inline-flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:500;justify-content:center;letter-spacing:.02857em;line-height:1.75;margin:0;min-width:64px;outline:0;padding:5px 35px;position:relative;-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase;text-transform:none;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms;-webkit-user-select:none;user-select:none;vertical-align:middle}.rjs-button-outlined:hover{border-color:#000!important;color:#000!important}.rjs-button-outlined:hover,.search-box .MuiAutocomplete-root{background-color:#fff!important}.search-box .MuiAutocomplete-root .MuiFilledInput-root.MuiInputBase-adornedEnd{margin-top:8px;padding-bottom:10px!important}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#eee;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.project{margin-bottom:2vh}.project .image-container{display:block;height:300px;position:relative;width:350px}@media (max-width:1025px){.project .image-container{height:250px;width:320px}}@media (max-width:760px){.project .image-container{height:200px;width:280px}}.project .image-container .image-url{display:flex;height:100%;width:100%}.project .image-container .image-url picture{display:flex}.project .image-container .image-url picture img{border-radius:5px;display:flex;object-fit:cover;object-position:top;width:100%}.project .image-container .github-url{bottom:15px;position:absolute;right:15px}@media (max-width:1025px){.project .image-container .github-url{bottom:5px}}.project .image-container .github-url svg{background-color:#000;border-radius:50%}.project .image-container .github-url .github-icon{fill:#fff}.project .project-url{text-decoration:none}.project .project-url .project-title{color:#00d8ff;font-family:BoonTook Mon;font-size:1.7rem;margin:1rem 0 .5rem;text-decoration:none;text-shadow:0 3px 6px rgba(0,0,0,.32)}@media (max-width:1025px){.project .project-url .project-title{font-size:1.4rem}}.project .project-tags{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;width:350px}@media (max-width:1025px){.project .project-tags{width:320px}}@media (max-width:760px){.project .project-tags{width:280px}}.project .project-tags .project-tag{background-color:#000;border-radius:20px;color:#fff;font-size:.9rem;margin-bottom:10px;margin-right:10px;padding:8px 15px 4px}form.contactform{grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;display:grid;grid-template-areas:"name name" "reply reply" "message message" "validator submit";grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,auto)}@media (max-width:760px){form.contactform{-webkit-column-gap:20px;column-gap:20px;grid-template-areas:"name" "reply" "message " "validator " "submit";grid-template-columns:1fr;grid-template-rows:repeat(5,auto)}}form.contactform label{color:#c9c9c9;font-size:1.2rem;font-weight:700;opacity:.6;text-shadow:0 3px 6px rgba(0,0,0,.16)}form.contactform input[type=text]{background-color:initial;border-width:0;border-bottom:3px solid #00d8ff;color:#fff;font-size:1.7rem;font-weight:500;height:2.5rem;margin:1rem 0;padding:15px;text-shadow:0 3px 6px rgba(0,0,0,.32)}@media (max-width:1025px){form.contactform input[type=text]{font-size:1.4rem}}form.contactform input[type=text]:focus{outline:none}form.contactform .name{grid-area:name}form.contactform .name,form.contactform .reply{display:flex;flex-direction:column;margin-bottom:1vmax}form.contactform .reply{grid-area:reply}form.contactform .message{display:flex;flex-direction:column;grid-area:message;margin-bottom:1vmax}form.contactform .validator{grid-area:validator}form.contactform .submit{align-self:center;grid-area:submit;justify-self:stretch}@media (max-width:760px){form.contactform .submit{justify-self:flex-end}}form.contactform .submit button{width:100%}@media (max-width:760px){form.contactform .submit button{width:auto}}.validator{display:grid;grid-template-areas:"robot bubble" "robot form";grid-template-columns:auto auto;grid-template-rows:1fr 1fr}.validator picture{display:flex;grid-area:robot}.validator picture img{width:300px}@media (max-width:500px){.validator picture img{margin-left:-50px;margin-right:-50px}}.validator .bubble-and-text{grid-area:bubble;height:150px;position:relative;width:150px}.validator .bubble-and-text svg{fill:#c9c9c9;height:150px;-webkit-transform:scaleY(50%);transform:scaleY(50%);width:150px}.validator .bubble-and-text p{display:grid;font-weight:700;height:100%;inset:0;margin:0;place-items:center;position:absolute;width:100%;z-index:2}.validator .validator-form{align-items:flex-start;display:flex;grid-area:form;justify-content:flex-start;margin-left:50px}.social-element{display:flex;flex-direction:column;margin-bottom:50px}.social-element .social-platform-name{color:#00d8ff;font-family:BoonTook Mon;font-size:1.7rem;text-decoration:none;text-shadow:0 3px 6px rgba(0,0,0,.32)}@media (max-width:1025px){.social-element .social-platform-name{font-size:1.4rem}}.social-element .social-platform-name:first-child{margin-top:0}.social-element .social-platform-link{color:#c9c9c9;font-size:1.2rem;font-weight:700;text-decoration:none;text-shadow:0 3px 6px rgba(0,0,0,.16)}[data-rmiz]{position:relative}[data-rmiz-ghost]{pointer-events:none;position:absolute}[data-rmiz-btn-unzoom],[data-rmiz-btn-zoom]{-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,.7);border:none;border-radius:50%;box-shadow:0 0 1px hsla(0,0%,100%,.5);color:#fff;height:40px;margin:0;outline-offset:2px;padding:9px;touch-action:manipulation;width:40px}[data-rmiz-btn-zoom]:not(:focus):not(:active){clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;pointer-events:none;position:absolute;white-space:nowrap;width:1px}[data-rmiz-btn-zoom]{cursor:zoom-in;inset:10px 10px auto auto;position:absolute}[data-rmiz-btn-unzoom]{cursor:zoom-out;inset:20px 20px auto auto;position:absolute;z-index:1}[data-rmiz-content=found] [data-zoom],[data-rmiz-content=found] [role=img],[data-rmiz-content=found] img,[data-rmiz-content=found] svg{cursor:zoom-in}[data-rmiz-modal]::-webkit-backdrop{display:none}[data-rmiz-modal]::backdrop{display:none}[data-rmiz-modal][open]{background:transparent;border:0;height:100vh;height:100dvh;margin:0;max-height:none;max-width:none;overflow:hidden;padding:0;position:fixed;width:100vw;width:100dvw}[data-rmiz-modal-overlay]{inset:0;position:absolute;transition:background-color .3s}[data-rmiz-modal-overlay=hidden]{background-color:hsla(0,0%,100%,0)}[data-rmiz-modal-overlay=visible]{background-color:#fff}[data-rmiz-modal-content]{height:100%;position:relative;width:100%}[data-rmiz-modal-img]{cursor:zoom-out;image-rendering:high-quality;position:absolute;-webkit-transform-origin:top left;transform-origin:top left;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}@media (prefers-reduced-motion:reduce){[data-rmiz-modal-img],[data-rmiz-modal-overlay]{transition-duration:.01ms!important}}.certificate{display:flex;flex-direction:column}@media (max-width:760px){.certificate{margin:0 auto;max-width:300px}}.certificate img{height:250px;object-fit:cover}.certificate a{color:#fff;margin-top:1rem;text-decoration:none}.references{display:flex;flex-direction:row;flex-wrap:wrap;gap:2.5%;justify-content:space-between}.references .reference{display:flex;flex:1 1 45%;flex-direction:column;margin-bottom:2rem}@media (max-width:760px){.references .reference{flex:1 1 90%}}.references .reference picture{display:flex;width:100%}.references .reference picture img{box-shadow:0 0 0 2px rgba(6,24,44,.4),0 4px 6px -1px rgba(6,24,44,.65),inset 0 1px 0 hsla(0,0%,100%,.08);object-fit:cover;width:100%}.references .reference h4{color:#fff;margin-top:2rem}.references .reference p{color:hsla(0,0%,100%,.7)}.infobox .infobox-title{color:#00d8ff;font-size:1.8rem;margin:.5rem 0}@media (max-width:760px){.infobox .infobox-title{font-size:1.6rem}}.infobox .infobox-text{color:#c9c9c9;font-size:1.4rem;font-weight:700;line-height:1.5}@media (max-width:760px){.infobox .infobox-text{font-size:1.2rem}}.infobox .infobox-link{color:#fff;font-size:1.4rem;font-weight:700;text-decoration:none;transition:.25s linear}@media (max-width:760px){.infobox .infobox-link{font-size:1.2rem}}.infobox .infobox-link:hover{opacity:.8}footer.rjs-footer{background-color:#000;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));padding-bottom:50px;padding-top:50px}@media (min-width:1367px){footer.rjs-footer{padding-left:2vw;padding-right:2vw}}@media (min-width:1921px){footer.rjs-footer{padding-left:3vw;padding-right:3vw}}@media (min-width:2561px){footer.rjs-footer{padding-left:4vw;padding-right:4vw}}@media (max-width:1367px){footer.rjs-footer{padding-left:4vw;padding-right:4vw}}@media (max-width:1025px){footer.rjs-footer{padding-left:3vw;padding-right:3vw}}@media (max-width:760px){footer.rjs-footer{padding-left:2vw;padding-right:2vw}}footer.rjs-footer .infobox{margin:2vh 0;width:70%}@media (max-width:760px){footer.rjs-footer .infobox{width:80%}}.hangman-container{align-items:center;background-color:#34495e;color:#fff;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;height:80vh;margin:0;overflow:hidden}.hangman-container h1{margin:20px 0 0}.hangman-container .game-container{height:350px;margin:auto;padding:20px 30px;position:relative;width:450px}.hangman-container .figure-container{fill:transparent;stroke:#fff;stroke-width:4px;stroke-linecap:round}.hangman-container .figure-part{display:none}.hangman-container .wrong-letters-container{display:flex;flex-direction:column;position:absolute;right:20px;text-align:right;top:20px}.hangman-container .wrong-letters-container p{margin:0 0 5px}.hangman-container .wrong-letters-container span{font-size:24px}.hangman-container .word{bottom:10px;display:flex;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.hangman-container .letter{align-items:center;border-bottom:3px solid #2980b9;display:inline-flex;font-size:30px;height:50px;justify-content:center;margin:0 3px;width:20px}.hangman-container .popup-container{align-items:center;background-color:rgba(0,0,0,.3);bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0}.hangman-container .popup{background:#2980b9;border-radius:5px;box-shadow:0 15px 10px 3px rgba(0,0,0,.1);padding:20px;text-align:center}.hangman-container .popup button{background-color:#fff;border:0;color:#2980b9;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 20px}.hangman-container .popup button:active{-webkit-transform:scale(.98);transform:scale(.98)}.hangman-container .popup button:focus{outline:0}.hangman-container .notification-container{background-color:rgba(0,0,0,.3);border-radius:10px 10px 0 0;bottom:-50px;padding:15px 20px;position:absolute;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.hangman-container .notification-container p{margin:0}.hangman-container .notification-container.show{-webkit-transform:translateY(-50px);transform:translateY(-50px)}.recoil-todo-container{align-content:flex-start;background-color:#fff;display:grid;justify-content:center;max-width:100%;min-height:100vh;padding:5vmax}.recoil-todo-container .recoil-todo-title{text-align:center}.recoil-todo-container form{display:flex}@media (max-width:760px){.recoil-todo-container form{flex-direction:column;justify-content:stetch}}.recoil-todo-container .recoil-todolist{justify-self:center}ul.recoil-todolist{list-style-type:none}.item-inner input[type=text].task-is-done{border:2px solid green;text-decoration:line-through}.item-inner button.finish.task-is-done{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.calculator-container{display:grid;min-height:100vh;place-items:center}.calculator-container .calculator-wrapper{background-color:#fff;display:block;margin:5vmax auto;max-width:50vw;padding:4rem}@media (max-width:760px){.calculator-container .calculator-wrapper{max-width:90vw}}.calculator-container .calculator-wrapper h1{text-align:center}.calculator-container .calculator-wrapper .display{border:2px solid #000;display:block;flex:1 1 100%;padding:15px;text-align:end}.calculator-container .calculator-wrapper .buttons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.calculator-container .calculator-wrapper .buttons button{margin:3px}.calculator-container .calculator-wrapper .result{margin-top:2rem;text-align:center}.calculator-container .calculator-wrapper .result strong{margin-right:15px}.calculator-container .button-panel{display:grid;grid-template-areas:"seven eight nine divide" "four five six multiply" "one two three deduction" "AC zero dot add" " . . . equal";grid-template-columns:repeat(4,50px);grid-template-rows:repeat(5,50px)}.calculator-container .button-panel .button-0{grid-area:zero}.calculator-container .button-panel .button-1{grid-area:one}.calculator-container .button-panel .button-2{grid-area:two}.calculator-container .button-panel .button-3{grid-area:three}.calculator-container .button-panel .button-4{grid-area:four}.calculator-container .button-panel .button-5{grid-area:five}.calculator-container .button-panel .button-6{grid-area:six}.calculator-container .button-panel .button-7{grid-area:seven}.calculator-container .button-panel .button-8{grid-area:eight}.calculator-container .button-panel .button-9{grid-area:nine}.calculator-container .button-panel .button-AC{background-color:#000;color:#fff;grid-area:AC}.calculator-container .button-panel .button-plus{grid-area:add}.calculator-container .button-panel .button-deduct{grid-area:deduction}.calculator-container .button-panel .button-X{grid-area:multiply}.calculator-container .button-panel .button-รท{grid-area:divide}.calculator-container .button-panel .button-dot{grid-area:dot}.calculator-container .button-panel .button-equal{background-color:aqua;grid-area:equal}.pagination-container{padding:4vmax}.pagination-container svg{fill:#fff}.pagination-container h2{color:#fff}.pagination-container ul *{color:#fff;list-style-type:none}.pagination-container li button{background-color:initial;border-color:#fff;color:#fff}.pagination-container li button.Mui-selected{background-color:#481bc5;border-color:#fff;color:#fff}div.persisting-localstsorage{align-content:flex-start;display:grid;justify-content:center;min-height:100vh;padding:2rem}div.persisting-localstsorage h1,div.persisting-localstsorage h2{color:#fff;margin:1vmax auto;text-align:center;width:50%}div.persisting-localstsorage .buttons-container{text-align:center}div.persisting-localstsorage .buttons-container button{margin:5px}.autocomplete-container{display:flex;flex-direction:column;justify-content:center;margin:5vw auto;min-height:100vh;width:600px}.autocomplete-container h1{color:#c9c9c9;text-align:center}.autocomplete-container .MuiAutocomplete-root{background-color:#fff!important}.autocomplete-container .MuiAutocomplete-root .MuiFilledInput-root.MuiInputBase-adornedEnd{margin-top:8px;padding-bottom:10px!important}.autocomplete-container .autocomplete-results{color:#c9c9c9;justify-self:flex-start}.persisting-url{align-content:flex-start;display:grid;flex-direction:column;justify-content:center;margin:50px auto;min-height:100vh;width:380px}.persisting-url h1,.persisting-url h2{color:#fff;text-align:center}.persisting-url .buttons-container{text-align:center}.persisting-url .buttons-container button{margin:5px}.photogallery{background-color:#04151f;padding:2vmax}.photogallery .copyright-pixabay{color:#efd6ac;display:flex;justify-content:space-between;width:100%}.photogallery .copyright-pixabay div{justify-content:flex-end}.photogallery .copyright-pixabay div a{color:#c44900;display:block;text-align:end;width:100%}.photogallery .copyright-pixabay svg{fill:#efd6ac;align-self:flex-start;height:50px;width:150px}.photogallery .gallery-header{color:#c44900;text-align:center}.photogallery .gallery-container .photogallery-search-field{background-color:#fff;display:flex;justify-content:center;margin:0 auto;width:500px}@media (max-width:760px){.photogallery .gallery-container .photogallery-search-field{width:375px}}.photogallery .gallery-container .photogallery-search-field svg{cursor:pointer}.photogallery .gallery-container ul.listings{display:grid;grid-template-columns:repeat(auto-fill,400px);justify-content:center;list-style-type:none;margin-left:auto;margin-right:auto;padding-left:0}.photogallery .gallery-container ul.listings li{height:400px;margin:10px;overflow:hidden;position:relative}.photogallery .gallery-container ul.listings li .tags{color:#fff;height:20px;left:0;padding:5px;position:absolute;text-shadow:1px 1px 5px #000;top:0;width:100%;z-index:2}.photogallery .gallery-container ul.listings li [data-rmiz-wrap=visible]{height:100%}.photogallery .gallery-container ul.listings li svg.donwload-icon{fill:#efd6ac;padding:16px 8px;position:absolute;right:0;top:0;width:50px;z-index:2}.photogallery .gallery-container nav.pagination{margin:0 auto}.photogallery .gallery-container nav.pagination ul{justify-content:center}.photogallery .gallery-container nav.pagination ul*{color:#fff;list-style-type:none}.photogallery .gallery-container nav.pagination ul li button{background-color:initial;border-color:#efd6ac;color:#efd6ac}.photogallery .gallery-container nav.pagination ul li button.Mui-selected{background-color:#c44900;border-color:#efd6ac;color:#efd6ac}.countries-container{background-color:#0b4f6c;display:flex;flex-direction:column;min-height:100vh}.countries-container h1{color:#fbfbff;margin:3vh auto;text-align:center;text-shadow:2px 2px 1px #000}.countries-container h2{text-align:center}.countries-container h2 a{color:#01baef;margin:3vh auto;text-align:center;text-decoration:none}.countries-container .flags-container .flags-loading{display:flex;justify-content:center}.countries-container .flags-container ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,300px));justify-content:center;list-style-type:none;padding:50px}.countries-container .flags-container ul li{background-color:#040f16;border-radius:10px;cursor:pointer;display:grid;margin:5px}.countries-container .flags-container ul li img{border-top-left-radius:10px;border-top-right-radius:10px;display:block;object-fit:contain;width:100%}.countries-container .flags-container ul li h2{align-items:flex-end;color:#fbfbff;display:flex;height:100%;justify-content:center;margin:-20px 0 25px;padding:10px 0;width:100%}.countries-container .countries-pagination{display:flex;justify-content:center;margin:5vmax}.countries-container .countries-pagination li button{background-color:initial;border-color:#fff;color:#fff}.countries-container .countries-pagination li button.Mui-selected{background-color:#b80c09;border-color:#fff;color:#fff}.country-modal-container svg{height:40px;position:absolute;right:20px;width:40px}.modal-container{background-color:#000;background-color:rgba(0,0,0,.4);height:100%;left:0;overflow:auto;padding-top:100px;position:fixed;top:0;width:100%;z-index:1}.modal-container.modal-is-closed{display:none}.modal-container.modal-is-open{display:block}.modal-container .modal-contents{background-color:#fefefe;border:1px solid #888;margin:auto;padding:20px;width:80%}.page-loader{position:relative;z-index:9999}.page-loader.page-loading{display:block}.page-loader.page-loaded{display:none}.page-loader .loader-wrapper{background-color:#0b0b0b;display:grid;height:100%;left:0;place-items:center;position:fixed;top:0;width:100%}.page-loader .loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:16px solid #e3e3e3;border-radius:50%;border-top-color:#3498db;height:140px;width:140px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-event-container{align-items:center;background-color:#1c2541;display:flex;flex-direction:column;min-height:100vh}.loading-event-container h1,.loading-event-container h2{color:#fff;text-align:center}.loading-event-container h3{color:#3a506b}.loading-event-container li{color:#5bc0be}.loading-event-container .react-spinners p{color:#fff}.loading-dots{display:inline-block}.loading-dots span{-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:blink;animation-name:blink}.loading-dots span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.loading-dots span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.error-handling-example{align-items:center;background-color:#7c9299;display:flex;flex-direction:column;min-height:100vh}.error-handling-example h1{color:#1f01b9}.error-fallback-container{align-items:center;display:flex;flex-direction:column}.hoc-container{background-color:#3d405b;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:3vmax}.hoc-container ul li{color:#f4f1de}.hoc-container p.hold-on{color:#81b29a}.hoc-container h3{color:#f2cc8f}.hoc-container h2{color:#e07a5f}.hoc-container-2{align-items:center;background-color:#2a2d34;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:3vmax}.hoc-container-2 h2{color:#ffb30f}.hoc-container-2 .hoc-compare-container{display:flex;flex-direction:row;justify-content:space-between}@media (max-width:1025px){.hoc-container-2 .hoc-compare-container{flex-direction:column}}.hoc-container-2 .hoc-compare-container .base-box{margin:75px}.base-box{background-color:#fff;display:flex;flex-direction:column;height:570px;width:370px}.base-box .base-image{height:275px;object-fit:cover;width:100%}.base-box .base-title{color:#2a2d34;font-weight:700;margin-top:25px;text-align:center}.base-box .base-lorem{display:grid;margin-top:0;padding:25px;place-items:center;text-align:center}.base-box .base-button.MuiButton-root{align-items:center;background-color:#ffb30f;margin:0 auto}.reference-container{align-items:center;background-color:#1c3144;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding-bottom:10vh}.reference-container h1,.reference-container h2{color:#ffba08;text-align:center}.reference-container h2.timer{color:#d00000}.reference-container button{margin:10px}.reference-container p{color:#a2aebb;text-align:center}.reference-container input[type=text]{display:flex;margin:0 auto;width:300px}.reference-container .reference-1,.reference-container .reference-2,.reference-container .reference-3{align-items:center;display:flex;flex-direction:column;margin:0 auto 50px;max-width:40%}@media (max-width:760px){.reference-container .reference-1,.reference-container .reference-2,.reference-container .reference-3{max-width:90%}}.react-redux-container{align-items:center;background-color:#161925;display:flex;flex-direction:column;min-height:100vh}.react-redux-container h1{color:#406e8e}.react-redux-container h2{color:#cbf7ed;text-align:center}.react-redux-container .redux-count-value{color:#ff0;font-size:2rem;font-weight:700;padding:20px;text-align:center}.react-redux-container button.MuiButton-root{border-color:#cbf7ed;color:#cbf7ed;margin:15px}.darkmode-switcher{position:fixed;right:20px;top:20px;z-index:10}.darkmode-switcher svg.MuiSvgIcon-root{height:50px;width:50px}.darkmode-switcher.dark svg.MuiSvgIcon-root{fill:#cfdbd5}.darkmode-switcher.light svg.MuiSvgIcon-root{fill:#242423}.accordion-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.accordion-container.light{background-color:#cfdbd5}.accordion-container.light h1,.accordion-container.light h2{color:#242423;margin:1rem}.accordion-container.dark{background-color:#242423}.accordion-container.dark h1,.accordion-container.dark h2{color:#cfdbd5;margin:1rem}.accordion-container .accordion-contents{width:50%}@media (max-width:760px){.accordion-container .accordion-contents{width:90%}}.accordion-element.MuiPaper-root.Mui-expanded{margin-bottom:1rem!important;margin-top:1rem!important}.accordion-element.MuiPaper-root.light .MuiCollapse-root{background-color:#f5cb5c}.accordion-element.MuiPaper-root.dark .MuiCollapse-root{background-color:#333533;border:1px solid rgba(245,203,92,.7);color:#cfdbd5}.music-player-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.music-player-container .player{background-color:#160c28;height:650px;width:400px}.music-player-display{display:grid;padding:25px;place-items:center}.music-player-display img.cover{display:block;margin-bottom:25px;object-fit:contain;width:100%}.music-player-display h2.song{color:#efcb68;margin:15px auto;text-transform:capitalize}.music-player-display h3.details{color:#aeb7b3;margin:15px auto 0;opacity:.8;text-transform:capitalize}.music-player-controls{display:flex;justify-content:center}.music-player-controls svg{fill:#aeb7b3;height:40px;margin:0 15px;width:40px}.music-player-progressbar{display:flex;justify-content:stretch;margin:15px auto;width:100%}.music-player-progressbar .MuiBox-root{margin:0 auto}.currency-exchange-container{align-items:center;background-color:#5d737e;display:flex;flex-direction:column;min-height:100vh}.currency-exchange-container h1{color:#f0f7ee;text-align:center}.currency-exchange-container h1 a{color:#fff07c;text-decoration:none}.currency-exchange-container label{color:#f0f7ee}.currency-exchange-container #currency-select,.currency-exchange-container input{color:#fff07c}.currency-exchange-container .currency-exchange{grid-gap:15px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);margin:15px}@media (max-width:760px){.currency-exchange-container .currency-exchange{grid-template-columns:auto;grid-template-rows:auto}}.img-fluid,.responsive-image{height:auto;width:100%}p{line-height:1.6}.debounce-container{align-items:center;background-color:#2e2c2f;display:flex;flex-direction:column;min-height:100vh;padding:5vh 5vw}.debounce-container h3{color:#f3e8ee}.debounce-container ol li{color:#bacdb0;font-size:1.2rem;margin:1rem;text-align:center}.debounce-container h1.message{color:#ffc857} /*# sourceMappingURL=main.d6d00346.css.map*/