@import url(https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=League+Spartan:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900);@import url(https://fonts.googleapis.com/css2?family=Anton&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.navbar{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:8px}.navbar h1{font-family:League Spartan,sans-serif;font-size:2rem;margin:0 0 0 5%}.navbar ul{display:flex;font-family:Anton,sans-serif;letter-spacing:1px;list-style-type:none;padding:5px}.navbar a,.navbar-left{cursor:pointer}.navbar a{color:#fff;font-size:1.3rem;margin-left:20px;text-decoration:none}.navbar-right li{display:inline-block;margin-left:20px}.animatedLink{color:#fff;font-size:18px;font-size:25px;margin:0 10px;padding:20px;position:relative;text-decoration:none}.animatedLink:after{background-color:#fff;bottom:0;content:"";height:4px;left:0;position:absolute;transition:width .5s ease;width:0}.animatedLink:hover:after{width:100%}@media (max-width:1080px){.navbar h1{font-size:1.5rem}.navbar ul{padding:0}.navbar a{font-size:1rem;margin-left:0}}@media (max-width:768px){.navbar{flex-direction:column}}@media (max-width:682px){.navbar a{font-size:.8rem}}@media (max-width:495px){.navbar{margin-bottom:3.5em}.navbar a{font-size:.7rem}.navbar h1{font-size:1.2rem}}.text{color:#fff;margin-bottom:10rem;text-align:left;width:100%}.h2-content{font-size:10em;line-height:1em}.minor-text{color:rgba(162,179,179,.596);display:block;font-family:Kanit,sans-serif;font-size:2rem;line-height:normal}.major-text{font-family:Anton,sans-serif;letter-spacing:.3rem}.about-container{background:radial-gradient(circle,#2e4141cc 0,#040f0fe6 50%,#040f0f 100%);box-sizing:border-box;justify-content:center;padding:50px 20px;width:100%}.about-container,.icon-container{align-items:center;display:flex}.icon-container .icon{cursor:pointer;height:70px;margin-left:10px;padding:10px;width:70px}.icon-container .icon:hover{animation:bounce 1s linear}@keyframes bounce{20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}70%{transform:translateY(-15px)}90%{transform:translateY(-4px)}}.about-me{color:rgba(162,179,179,.596);display:flex;font-family:Kanit,sans-serif;font-size:1.1rem;justify-content:right;line-height:16px;padding-bottom:40px;text-indent:5em}@media (max-width:1118px){.h2-content{font-size:7em}}@media (max-width:869px){.h2-content{font-size:5em}.icon-container .icon{height:50px;width:50px}.about-me{font-size:15px}}@media (max-width:682px){.about-container{height:85vh}.minor-text{font-size:1rem;line-height:0px}.major-text{font-size:3rem;letter-spacing:2px;line-height:0px}.icon-container .icon{height:30px;width:30px}.about-me{font-size:10px}.about-container{background:#0000}}@media (max-width:495px){.about-container{height:50vh}.minor-text{font-size:.7rem}.major-text{font-size:2rem;line-height:0px}.icon-container .icon{height:20px;width:20px}.about-me{font-size:9px}}@media (max-width:414px){.about-me{font-size:8px}.minor-text{font-size:.6rem}.major-text{font-size:1.5rem}}@media (max-width:379px){.about-container{height:40vh}.about-me{font-size:6px}.minor-text{font-size:.5rem}.major-text{font-size:1.2rem}.icon-container .icon{height:10px;width:10px}}.skills-container{align-items:center;display:flex;flex-direction:column;height:65vh}.skills-content{margin-bottom:4em;text-align:center}.skills-content h2{color:#fff;font-family:Anton,sans-serif;font-size:3rem;letter-spacing:2px}.box-container{background-color:#040f0f;border:.5em solid #040f0f;border-radius:20px;box-sizing:border-box;margin:0 auto;max-width:800px;padding:2em;transition:transform .3s ease;width:100%}.icons-habillity{align-items:center;display:flex;flex-direction:column;max-width:50em}.icons{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:1em}.icon-h{background-color:#2d3a3a;border-radius:10px;cursor:pointer;height:4rem;margin:.5em;padding:5px;transition:transform .2s ease-in-out;width:4rem}.icon-h:hover{transform:scale(1.05)}.progress-container{background-color:#2d3a3a;border-radius:5px;height:1rem;max-width:90%;overflow:hidden;width:100%}.progress-bar{background-color:#fff;height:100%;transition:width .3s ease-in-out}.skill-name{color:#fff;font-family:Anton,sans-serif;font-size:1.5rem;letter-spacing:1px;margin-top:1em;max-height:0;opacity:0;overflow:hidden;transition:opacity 1.5s ease-in-out,max-height .8s ease-in-out}.skill-name.active{max-height:3em;opacity:1}#javascript:hover{color:#f7df1e}#node:hover{color:#68a063}#python:hover{color:#3175c2}#react:hover{color:#61dbfb}#java:hover{color:#5382a1}#bootstrap:hover{color:#563d7c}#sql:hover{color:#fff}@media (max-width:884px){.box-container{padding:1em;transform:scale(.8)}}@media (max-width:758px){.icon-h{height:2.9rem;width:2.9rem}.skills-container h2{font-size:2.5em}}@media (max-width:636px){.icon-h{height:2rem;width:2rem}.skills-container h2{font-size:2em}}.project-container{height:130vh}.title-projects{display:flex;justify-content:center}.title-projects h2{color:#fff;font-family:Anton,sans-serif;font-size:3em;letter-spacing:2px;margin-bottom:2.5em}.projects{display:flex;justify-content:center;text-align:center}.project h3{color:#fff;font-size:2em}.project h3,.project h6{font-family:Kanit,sans-serif}.project h6{color:rgba(162,179,179,.596);font-size:1em}.project h3,h6{margin-left:10%}.img-project{width:100%}.image{cursor:pointer;transition:transform .2s ease-in-out;width:75%}.image:hover{transform:scale(1.05)}@media (max-width:1157px){.project h3{font-size:1.6em}.project-container{height:75vh}}@media (max-width:788px){.project-container{height:180vh}.projects{display:flex;flex-direction:column}.image{width:30%}.project h3,h6{margin-left:0}}@media (max-width:529px){.project-container{height:140vh}.project h3{font-size:1.3em}.project h6{font-size:.8em}.title-projects h2{font-size:2.5em}}@media (max-height:667px),(max-width:383px){.project-container{height:120vh}.project h3{font-size:1em}.project h6{font-size:.5em}.title-projects h2{font-size:2em}}.contact-container{background-color:#2d3a3a;height:90vh}.infos-content{display:flex}.about-me-box{border:2px solid #000;border-radius:10px;color:#fff;font-family:Kanit,sans-serif;margin:2em 2em 20em}.about-me-box,.form-content{background-color:#040f0f;box-shadow:18px 19px 30px -10px #000;padding:2em;width:50%}.form-content{border:2px solid #000;border-radius:15px;margin:12em 2em 3em;transition:transform .3s ease}.title-contact{color:#fff;font-family:Anton,sans-serif;font-size:1em;letter-spacing:2px;margin-bottom:2em;text-align:center}.contact-form{transition:transform .3s ease}.contact-form input{padding:.5em}.contact-form input,.contact-form textarea{background-color:initial;border:1px solid #fff;border-radius:5px;color:#fff;font-family:Kanit,sans-serif;margin-bottom:1em;opacity:.9;outline:0;width:100%}.contact-form textarea{height:5em;margin-top:1em;min-height:150px;padding:0;resize:none}.btn{background-color:initial;border:1px solid #fff;border-radius:5px;color:#fff;cursor:pointer;font-family:Kanit,sans-serif;height:3.5em;margin-top:10px;padding:.5em;transition:background-color .3s ease;width:100%}.btn:hover{background-color:#2d3a3a}.form-group{display:flex;gap:1em}.error-message,.success-message{color:#fff;font-family:Kanit,sans-serif}@media (max-width:1433px){.contact-container{height:95vh}}@media (max-width:1303px){.contact-container{height:98vh}}@media (max-width:1215px){.contact-container{height:110vh}}@media (max-width:1085px){.form-content{margin:12em 2em 10em}.contact-container{height:120vh}}@media (max-width:943px){.about-me-box{font-size:.9em;transform:scale(.9)}.form-content{margin:12em 2em 16em;transform:scale(.9)}.contact-container{height:130vh}}@media (max-width:788px),(min-height:1024px){.about-me-box{transform:scale(.8)}.about-me-box span{font-size:.9em}.form-content{transform:scale(.8)}.contact-container{height:100vh;margin-top:10em}}@media (max-width:622px){.infos-content{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.about-me-box{margin:0;transform:scale(.9)}.about-me-box span{font-size:.9em}.form-content{margin:0;transform:scale(.9)}.contact-container{height:130vh;margin-top:10em}}@media (max-width:460px){.about-me-box span,.title-contact{font-size:.8em}}@media (max-width:376px){.about-me-box span{font-size:.6em}.title-contact{font-size:.8em}.contact-container{height:150vh;margin-top:5em}}body{background-color:#040f0f;margin:0;padding:0}body,section{box-sizing:border-box}section{background-color:initial;padding:50px 0 0}section:nth-of-type(2n){background-color:#2d3a3a}.transition{background:linear-gradient(180deg,#040f0f,#2d3a3a);height:100px;width:100%}.transition-bottom{background:linear-gradient(1turn,#040f0f,#2d3a3a);height:100px;width:100%}.svg{display:block;margin:0;padding-top:5em;width:100%}
/*# sourceMappingURL=main.5c921b64.css.map*/