body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body,html{overflow-x:hidden}.dis{display:flex;margin-top:50px;margin-bottom:20px}.text-line-signdark{background-color:initial;color:#fff;outline:none;outline-style:none;border:none;border-bottom:2px solid #fff;width:400px}.loader{height:100vh;align-items:center;color:#014745}.loader,.signbox{display:flex;justify-content:center}.signbox{margin-top:50px}.register{color:#014745;cursor:pointer}.register:hover{color:#87ceeb}.boxuser{padding:20px;margin-top:20px}.warning{color:red}.success,.warning{margin-top:20px;font-size:20px;background-color:#fff;border-radius:3px;font-family:sans-serif}.success{color:#0a8d1c}.signin{font-size:30px}.logout,.signin{margin-top:-2px;font-style:normal}.logout{font-size:20px}.usertitle,.usertitledark{margin-top:20px;margin-bottom:-20px;font-size:40px;font-family:"Righteous",cursive}.usertitledark{color:#11cac4}.autherrormsg{color:red;background-color:#fce6e6;padding:8px;border-radius:2px}.commentlefttext img{width:500px;height:450px;margin-left:100px;color:#fff}.displaybox{justify-content:center;align-items:center}.displaybox2{padding:20px}.text-line{color:#eee;border:none;border-bottom:2px solid #eee}.text-line,.text-line-sign{background-color:initial;outline:none;outline-style:none;width:400px}.text-line-sign{color:#021d2c;border:none;border-bottom:2px solid #014745}.sendbtn{color:#fff;background-color:#171717}.sendbtn,.sendbtndark{outline:none;border:none;margin-top:20px;padding:7px 20px;border-radius:3px}.sendbtndark{color:#133f3e;background-color:#11cac4}.sendbtndark:hover{color:#133f3e;background-color:#fff}.sendbtn:hover{color:#000;background-color:#fff}.cur{z-index:5}.loadoff{display:none}.loadon{display:flex;justify-content:center;align-items:center;min-height:100vh}.header{background-color:#11cac4;padding-bottom:10px}.header,.headerdark{width:100%;position:-webkit-sticky;position:sticky;top:0;z-index:2}.headerdark{background-color:#171717;padding-bottom:20px}.project{display:flex;justify-content:center;margin:50px 0;flex-wrap:wrap}.cardback{padding:50px 0}.viewproject{border:none;background-color:#133f3e;padding:8px;border-radius:7px;color:#fff}.viewproject a{color:#fff}.link{padding-right:2px}.displayinpc{display:block}.displayinmobile{display:none}.projectsize{box-shadow:0 0 15px 1px #014745}.projectsize,.projectsizedark{height:200px;width:280px;border-radius:4px;opacity:.8}.projectsize:hover,.projectsizedark:hover{height:200px;width:280px;border-radius:4px;opacity:1}.projectsize:hover{box-shadow:0 0 8px 1px #014745}.cardsdark{display:flex;justify-content:center;align-items:center;margin:20px;height:200px;width:400px;background-color:#272727;border:none;text-align:center}.cardsdark h3{color:#fff}.cards{display:flex;margin:20px;height:200px;width:400px;background-color:#e4fffe;border:none;text-align:center}.cardbody,.cards{justify-content:center;align-items:center}.modeicon{background-color:#11cac4}.modeicon,.modeicondark{margin-top:-10px;display:flex;justify-content:end;padding:20px;font-size:30px;margin-right:40px}.modeicondark{background-color:#171717}a{text-decoration:none}.welcome{display:none}.upperbar{background-color:#2b7a78}.upperbar,.upperbardark{height:2px;width:60%;border-radius:2px;margin:-2px auto 0}.upperbardark{background-color:#0d2b2b}.navbar{background-color:#11cac4}html{scroll-behavior:smooth}.hamburger{background-color:initial;border:0}.section1box{margin-bottom:-50px;margin-top:-110px}.back{border-radius:8px;box-shadow:0 2px #686868;background-color:#fff}.logo{height:50px;width:50px;margin-top:8px;margin-bottom:3px}.hamburger{color:#fff}.aboutbox{padding-top:-50px;margin-top:250px;color:#03b9b3}.nav{justify-content:space-between;padding-top:10px}.nav,ul{display:flex}ul{flex-flow:row;list-style-type:none}ul li{padding-top:10px}.col1{color:#17252a}.col2{color:#bbb}.nav-link{font-family:"MuseoModerno",cursive;font-size:16px;font-weight:600;letter-spacing:.2rem;padding:5px 12px;list-style-type:none;margin-top:6px}.col1:hover{color:#fff}.col1:hover,.col2:hover{text-decoration:none;transform:scale(1.1)}.col2:hover{color:#11cac4}.col1user{color:#17252a}.col2user{color:#fff}.col1user:hover{text-decoration:none;color:#fff}.col2user:hover{text-decoration:none;color:#11cac4}.col1user:focus{text-decoration:none;color:#fff}.col2user:focus{text-decoration:none;color:#11cac4}.col1:focus{color:#fff}.col1:focus,.col2:focus{text-decoration:none;transform:scale(1.1)}.col2:focus{color:#11cac4}.banner-title{padding-top:150px;letter-spacing:4px;padding-left:10px}.title{color:#17252a}.title,.titledark{font-family:"Righteous",cursive;font-size:70px}.titledark{color:#15cac4}.section h2.section-head{font-family:"Jura",sans-serif;color:#fff;font-weight:100}.item{text-align:right}.service-box{text-align:center;color:#686868}.service-box i.fab{font-size:80px}#1st{margin-top:-20px}.level{height:150px;width:120px;transform:rotate(90deg)}.element{color:#fff;font-size:35px;z-index:-1}.myphoto img{height:510px;width:650px;margin-top:120px;margin-bottom:200px}.size{font-size:30px;color:#17252a}.sizedark{font-size:30px;color:#11cac4}#bg{background-color:#11cac4}#bg,#bgdark{z-index:1;-webkit-clip-path:polygon(100% 0,100% 75%,50% 100%,0 75%,0 0);clip-path:polygon(100% 0,100% 75%,50% 100%,0 75%,0 0)}#bgdark{background-color:#171717}.aboutme{color:#11cac4;margin-bottom:240px;font-size:20px;padding-top:11px;border-radius:12px}.g{font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:550}.below{color:#17252a}.belowdark{color:#11cac4}.scrolltop{background-color:#000}.about{font-size:80px;font-family:"Archivo Black",sans-serif;line-height:75px}.hii{font-family:"Rajdhani",sans-serif;font-size:20px;line-height:40px;margin-bottom:32px}.highlight{color:#268f81}.highdark,.highlight{font-weight:bolder;font-size:25px}.highdark{color:#fff}.gallerydiv img{height:230px;width:230px;transition-duration:.8s;opacity:.8;margin:50px 0}.gallerydiv img:hover{transform:scale(1.3);opacity:1}#skillbg{background-color:#11cac4}#skillbg,#skillbgdark{padding-top:55px;margin-top:-2px;padding-bottom:75px;color:#fff;-webkit-clip-path:polygon(50% 0,100% 21%,100% 100%,0 100%,0 21%);clip-path:polygon(50% 0,100% 21%,100% 100%,0 100%,0 21%)}#skillbgdark{background-color:#171717}.skill{color:#17252a;padding-bottom:30px}.skill,.skilldark{font-size:60px;font-family:"Play",sans-serif;letter-spacing:5px;font-weight:bolder;text-align:center}.skilldark{color:#11cac4;padding-bottom:70px;padding-top:20px}.viewgall{color:#17252a}.viewgall,.viewgalldark{text-align:center;font-size:130px;font-family:"Righteous",cursive;cursor:pointer;width:100%;margin:30px 2px}.viewgalldark{color:#fff}.gallerybg{background-color:#11cac4;background-color:#171717}.he{height:100vh;background-color:red}.but{padding:20px 0;width:100%}.but,.but button{background-color:#27cfc7}.but button{padding:12px;border-style:none;font-family:sans-serif;border-radius:3px;font-weight:500}.but button:hover{background-color:#17252a;color:#fff;transform:scale(1.1)}.type{padding:20px;font-size:20px;font-weight:700;cursor:pointer}.outer{background-color:#17252a}.outer,.outerdark{height:10px;border-radius:3px;width:300px;margin:5px auto 50px}.outerdark{background-color:#303030}.ski{letter-spacing:3px}#intern{background-color:#11cac4;padding:30px}#interndark{background-color:#171717;padding:30px}.sectitle{color:#17252a}.sectitle,.sectitledark{font-family:"Play",sans-serif;font-size:60px;text-align:center;letter-spacing:3PX;padding:30px 0}.sectitledark{color:#11cac4}.section{color:#fff;padding-bottom:60px}.foot{background-color:#11cac4}.foot,.footdark{padding:30px 0;width:100%;margin-top:0}.footdark{background-color:#171717}.section .internshipdark{box-shadow:1px 1px 2px #fff;color:#17252a;background-color:#fff;transition-duration:.8s}.section .internshipdark,.section .internshipdark:hover{padding:100px 10px;border-radius:12px;margin:30px 10px;font-family:"Kanit",sans-serif;line-height:10px}.section .internshipdark:hover{box-shadow:1px 1px 1px #fff;color:#fff;background-color:#171717;transform:scale(1.1)}.section .internship{box-shadow:1px 1px 2px #fff;color:#17252a;background-color:#fff;transition-duration:.8s}.section .internship,.section .internship:hover{padding:100px 10px;border-radius:12px;margin:30px 10px;font-family:"Kanit",sans-serif;line-height:10px}.section .internship:hover{box-shadow:1px 1px 1px #fff;color:#fff;background-color:#11cac4;transform:scale(1.1)}.section .internship .a,.section .internshipdark .a{color:#fff;text-decoration:none;font-size:20px}.cer{border-radius:4px;padding:8px 3px 4px;font-size:8px}.font{font-size:22px}.footer{padding:80px;font-size:60px;margin-top:-80px}.contact{font-size:60px;margin-top:-30px;font-family:"Jura",sans-serif}.copyright{background-color:#083742}.copyright,.copyrightdark{text-align:center;padding:30px;color:grey}.copyrightdark{background-color:#000}.footer .col-md-2 .cont{padding:20px 30px;border-radius:60px;color:#17252a}.footer .col-md-2 .cont:hover{color:#fff}.footer .col-md-2 .contdark{padding:20px 30px;border-radius:60px;color:grey}.footer .col-md-2 .contdark:hover{color:#fff}.center{color:#17252a}.center,.centerdark{text-align:center;font-size:60px;font-family:"Play",sans-serif}.centerdark{color:#11cac4}.incol{background-color:#fff}.incoldark{background-color:#11cac4}.inner1{width:260px}.inner1,.inner2{height:10px;border-radius:3px}.inner2{width:210px}.inner3{width:140px}.inner3,.inner4{height:10px;border-radius:3px}.inner4{width:170px}.inner5{height:10px;width:240px;border-radius:3px}.inner6,.inner7{width:200px}.inner6,.inner7,.inner8{height:10px;border-radius:3px}.inner8{width:260px}.resume{text-align:center;margin-top:50px;font-size:40px}.resume a{list-style:none;text-decoration:none;color:orange;border-radius:20px;padding:10px}.resume a:hover{text-decoration:none;list-style-type:none}.hamburger,.secondmenu{display:none}@media (max-width:768px){body,html{overflow-x:hidden}.text-line-sign{color:#021d2c;border:none;border-bottom:2px solid #014745}.text-line-sign,.text-line-signdark{background-color:initial;outline:none;outline-style:none;width:300px}.text-line-signdark{color:#fff;border:none;border-bottom:2px solid #fff}.signbox{display:flex;justify-content:center;margin-top:50px;margin-left:-2px}#bg,#bgdark{padding-bottom:165px;padding-top:50px}#bgdark{background-color:#171717}.commentlefttext img{width:300px;height:250px;margin-left:10px;color:#fff}.displaybox2{padding-left:40px}.text-line{background-color:initial;color:#eee;outline:none;outline-style:none;border:none;border-bottom:2px solid #eee;width:280px;margin-left:20px}.fa-bars,.hamburger{font-size:30px}.hamburger{display:block;padding-top:12px}ul{display:none}.cardsdark{background-color:#272727}.cards,.cardsdark{display:flex;justify-content:center;align-items:center;margin:60px;height:200px;width:400px;border:none;text-align:center}.cards{background-color:#e4fffe}.projectsizedark{opacity:.8}.projectsizedark,.projectsizedark:hover{height:200px;width:280px;border-radius:4px}.projectsizedark:hover{opacity:1}.displayinpc{display:none}.displayinmobile{display:block;margin-top:20px}.secondmenu{display:block;list-style-type:none;text-align:center}.aboutbox{padding-top:-100px;margin-top:-100px}.welcome{display:block;padding-top:70px;padding-bottom:100px;text-align:center}.section1box{margin-bottom:-50px;margin-top:-30px}.modeicon{background-color:#11cac4}.modeicon,.modeicondark{display:flex;justify-content:end;font-size:40px;margin-right:5px;padding:-15px 30px 30px}.modeicondark{background-color:#171717}.modeiconmobile{background-color:#11cac4}.modeicondarkmobile,.modeiconmobile{font-size:40px;margin-right:5px;padding:-15px 30px 30px}.modeicondarkmobile{background-color:#171717}.secondmenu .nav-link:hover{color:#fff}.nav-link,.navdark{padding:10px;margin-top:20px;font-family:"Kanit",sans-serif;font-size:20px}.viewgall,.viewgalldark{font-size:50px}.header{background-color:#11cac4;margin-bottom:-10px}.leftbar{width:30px;height:100%;background-color:red;margin-top:200px}.headerdark{background-color:#171717;margin-bottom:-10px}.but{color:#fff;padding-right:2px}.links{display:block}.register{color:#014745;cursor:pointer}.register:hover{color:#87ceeb}.boxuser{margin-top:20px;padding-bottom:10px}#mynav{background-color:#11cac4}.nav-link{padding-bottom:3px}.nav-link,.nav-link:hover{text-decoration:none;color:#fff}.link{margin-top:12px;flex-direction:column}.logo{height:50px;width:50px;margin:2px 1px}.myphoto img{height:200px;width:280px;margin-top:-400px;margin-left:80px;padding-right:20px}.title,.titledark{font-size:30px;margin-top:-50px}.titledark{color:#15cac4}.banner-title{margin-bottom:12px;margin-top:-20px;margin-left:5px}.skill,.skilldark{font-family:"Play",sans-serif;font-size:50px;padding-top:80px;padding-bottom:80px;letter-spacing:3PX}.element{font-size:20px}.size,.sizedark{font-size:22px}.sizedark{color:#15cac4}.aboutme{margin-top:200px;font-size:20px;padding-top:10px;border-radius:12px;text-align:center}#skillbg{background-color:#11cac4;padding-top:95px;padding-bottom:35px;color:#fff;-webkit-clip-path:polygon(50% 0,100% 17%,100% 100%,0 100%,0 17%);clip-path:polygon(50% 0,100% 17%,100% 100%,0 100%,0 17%)}.sectitle{color:#17252a}.sectitle,.sectitledark{font-family:"Play",sans-serif;font-size:50px;letter-spacing:3PX}.sectitledark{color:#15cac4}.section .internship{background-color:#fff;color:#17252a;padding:120px 2px;border-radius:12px;margin-bottom:30px;box-shadow:1px 1px 1px #fff;transition-duration:.8s}.section .internship:hover{box-shadow:1px 1px 1px #fff;color:#fff;background-color:#11cac4;transform:scale(1.2)}.section .internship:hover,.section .internshipdark{padding:100px 10px;border-radius:12px;margin:30px 10px;font-family:"Kanit",sans-serif}.section .internshipdark{box-shadow:1px 1px 2px #fff;color:#17252a;background-color:#fff;line-height:10px;transition-duration:.8s}.section .internshipdark:hover{box-shadow:1px 1px 1px #fff;color:#fff;padding:100px 10px;border-radius:12px;margin:30px 10px;font-family:"Kanit",sans-serif;background-color:#171717;line-height:10px;transform:scale(1.1)}.footer .col-md-2 a{padding:4px 12px;border-radius:20px;color:#083742;border:none;margin-top:10px}.footer .col-md-2 a:hover{color:#fff}.footer{margin-top:20px;padding:40px;font-size:55px}.footer .col-md-2{margin:20px}.scroll{text-align:center;color:#fff;margin-top:-160px;margin-bottom:200px}.about{font-size:70px;margin:0;font-family:"Archivo Black",sans-serif;line-height:58px;padding-bottom:40px}}.btn-12{color:#0bf4f3;position:relative;right:20px;bottom:20px;border:none;line-height:40px;perspective:230px;margin-top:20px}.btn-12,.btn-12 span{width:130px;height:40px}.btn-12 span{display:block;position:absolute;border:1px solid #0bf4f3;box-shadow:0 0 5px #0bf4f3,inset 0 0 5px #0bf4f3;margin:0;text-align:center;box-sizing:border-box;transition:all .3s}.btn-12 span a{color:#fff}.btn-12 span:first-child{box-shadow:0 0 5px #0bf4f3,inset 0 0 5px #0bf4f3;transform:rotateX(90deg);transform-origin:50% 50% -20px}.btn-12 span:nth-child(2){transform:rotateX(0deg);transform-origin:50% 50% -20px}.btn-12:hover span:first-child{transform:rotateX(0deg)}.btn-12:hover span:nth-child(2){background:#000;color:#000;box-shadow:0 0 5px #0bf4f3,inset 0 0 5px #0bf4f3;transform:rotateX(-90deg)}.custom-btn{color:#fff;width:130px;height:40px;padding:10px 25px;font-family:"Lato",sans-serif;font-weight:500;background:transparent;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block}@media (max-width:1100px){.banner-title{padding-top:90px;letter-spacing:4px;padding-bottom:430px}.about{font-size:60px;font-family:"Archivo Black",sans-serif;line-height:58px}.outer,.outerdark{background-color:#17252a;width:200px;margin:5px auto 50px}.inner1,.outer,.outerdark{height:10px;border-radius:3px}.inner1{width:160px}.inner2{width:140px}.inner2,.inner3{height:10px;border-radius:3px}.inner3{width:100px}.inner4{width:120px}.inner4,.inner5{height:10px;border-radius:3px}.inner5{width:140px}.inner6{width:120px}.inner6,.inner7{height:10px;border-radius:3px}.inner7{width:140px}.inner8{height:10px;width:160px;border-radius:3px}.section .internship:hover{box-shadow:1px 1px 1px #fff;color:#fff;background-color:#11cac4;transform:scale(1.1)}.section .internship,.section .internship:hover{padding:80px 10px;border-radius:12px;margin:30px 10px;font-family:"Kanit",sans-serif;line-height:10px}.section .internship{box-shadow:1px 1px 2px #fff;color:#17252a;background-color:#fff;transition-duration:.8s;font-size:10px}.internship h4{font-size:15px}.internship h5{font-size:10.2px}.internship h1{font-size:30px}}
/*# sourceMappingURL=main.4a013e45.chunk.css.map */