@import url(https://fonts.googleapis.com/css2?family=Cardo:ital@1&family=Kalam:wght@400;700&family=Kaushan+Script&family=Merienda:wght@400;700&family=Rokkitt:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cardo:ital@1&family=Cormorant&family=Kalam:wght@400;700&family=Kaushan+Script&family=Merienda:wght@400;700&family=Rokkitt:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Shadows+Into+Light&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kalam:wght@300&family=Kaushan+Script&family=Shadows+Into+Light&display=swap);@import url(https://fonts.googleapis.com/css2?family=Arapey:ital@1&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@1,300&family=Kalam:wght@300&family=Kaushan+Script&family=Shadows+Into+Light&display=swap);@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@500&family=Courgette&family=Dancing+Script&display=swap);@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@500&family=Courgette&family=Dancing+Script&family=Kaushan+Script&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,500&family=Source+Code+Pro:ital,wght@1,200&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cardo:ital@1&family=Kalam&family=Kaushan+Script&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cardo:ital@1&family=Kalam:wght@400;700&family=Kaushan+Script&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cardo:ital@1&family=Kalam:wght@400;700&family=Kaushan+Script&family=Rokkitt:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cardo:ital@1&family=Kalam:wght@400;700&family=Kaushan+Script&family=Merienda:wght@700&family=Rokkitt:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kalam&family=Kaushan+Script&display=swap);@import url(https://fonts.googleapis.com/css2?family=Merienda:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Amaranth:ital,wght@1,700&family=Merienda:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Amaranth:ital,wght@1,700&family=Merienda:wght@700&family=Philosopher:ital@1&display=swap);@import url(https://fonts.googleapis.com/css2?family=Alice&family=Amaranth:ital,wght@1,700&family=Merienda:wght@700&family=Philosopher:ital@1&display=swap);@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@500&family=Dancing+Script&display=swap);@import url(https://fonts.googleapis.com/css2?family=Pattaya&family=Playfair+Display:wght@900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@600&family=Shadows+Into+Light&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap);@import url(https://fonts.googleapis.com/css2?family=Pattaya&display=swap);@import url(https://fonts.googleapis.com/css2?family=Amiri:ital,wght@1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;1,700&family=Vollkorn&display=swap);@import url(https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;1,700&family=Kalam&family=Vollkorn&display=swap);@import url(https://fonts.googleapis.com/css2?family=Crimson+Text:ital@1&display=swap);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{-webkit-animation:App-logo-float 3s ease-in-out infinite;animation:App-logo-float 3s ease-in-out infinite}}.App-header{min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin)}.App-link{color:#704cb6}@-webkit-keyframes App-logo-float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes App-logo-float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.about{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:20px 0}.about .max-width{padding:10px 0;margin:20px 0;box-shadow:0 0 6px 1px #9b9797;border-radius:5px}.about .max-width .about-content{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.about .max-width .about-content .left{margin-top:10%}.about .max-width .about-content .left img{border-radius:10px;box-shadow:0 0 6px 1px #9b9797}.about .max-width .about-content .right{padding:0 30px}.about .max-width .about-content .right p{color:#020872;font-size:16px;font-family:"Cardo",serif;font-weight:700;text-align:justify}.about .max-width .about-content .right .text{font-size:18px;color:#000;font-family:"Cardo",serif}.about .max-width .about-content .right .button{margin:20px 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.experience{background:#282a4b;padding:50px 0}.experience .max-width{width:80%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-left:10%}.experience .title{color:#fff;padding-bottom:20px}.experience .max-width .Exper-content .cards{padding:5px 10px 20px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;transition:all .5s ease;background:#434a81}.experience .max-width .Exper-content .cards:hover{-webkit-transform:scale(1.05);transform:scale(1.05);cursor:pointer;background:#f1e3e3;box-shadow:2px 2px 8px 2px #000}.experience .max-width .Exper-content .cards:hover .details{color:#e7006f;box-shadow:3px 3px 10px 0 #000}.experience .max-width .Exper-content .cards .cardTitle{color:#000067;font-size:20px;font-family:"Kaushan Script",cursive}.experience .max-width .Exper-content .cards img{height:150px;width:300px}.experience .max-width .Exper-content .cards .details{color:#fdfdfd;font-family:"Kalam",cursive;font-weight:500}.skills{margin-top:60px;background:#282a4b;color:#fff;padding-top:20px}.skills .max-width{padding:30px 0 50px}.skills .max-width,.skills .max-width .skill-content{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.skills .max-width .skill-content{width:80%}.skills .max-width .skill-content .left .text{color:#fff;font-size:20px;font-weight:700;font-family:"Arapey",serif;text-align:justify;padding:0 35px;transition:all .8s ease-in-out}.skills .max-width .skill-content .left img{height:200px;margin-top:10px;border-radius:6px;width:350px}.skills .max-width .skill-content .left .text:hover{-webkit-transform:scale(1.08);transform:scale(1.08);cursor:pointer}.skills .max-width .skill-content .right .bars{margin-top:10px;cursor:pointer}.skills .max-width .skill-content .right .bars .info{width:90%;margin-left:5%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.skills .max-width .skill-content .right .bars .info span{color:#fff;font-weight:700}.skills .max-width .skill-content .right .line{height:8px;width:90%;margin:10px 0 0 5%;background:#d3d3d3;position:relative}.skills .max-width .skill-content .right .line:before{content:" ";height:100%;left:0;top:0;background:#dc143c;position:absolute}.skills .max-width .skill-content .right .html:before{width:90%}.skills .max-width .skill-content .right .css:before{width:50%}.skills .max-width .skill-content .right .js:before,.skills .max-width .skill-content .right .php:before{width:60%}.skills .max-width .skill-content .right .mysql:before{width:70%}.skills .max-width .skill-content .right .react:before{width:80%}.skills .max-width .skill-content .right .csharp:before{width:40%}.volunteer .max-width{width:80%;margin-left:10%}.volunteer .max-width .cards{background:#282a4b;border-radius:6px;box-shadow:1px 1px 2px 0 grey}.volunteer .max-width .cards,.volunteer .max-width .cards .box{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.volunteer .max-width .cards .box{background:#434a81;-webkit-flex-wrap:wrap;flex-wrap:wrap;box-shadow:1px 1px 2px 2px #000;width:60%;margin:50px 0;padding:30px;transition:all .8s ease-in-out}.volunteer .max-width .cards .box:hover{-webkit-transform:scale(1.09);transform:scale(1.09)}.volunteer .max-width .cards .box .image{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.volunteer .max-width .cards .box .image img{height:200px;width:250px;border-radius:6px;box-shadow:1px 1px 5px 2px #000}.volunteer .max-width .cards .box .text1{color:#fff;font-size:20px;font-family:"Cormorant",serif;font-weight:700;margin-bottom:15px}.volunteer .max-width .cards .box .text2{color:#fff;font-size:16px;font-family:"Noto Sans Lao";text-align:justify}.owl-dots{text-align:center;margin-top:20px}.owl-dot{height:13px;width:13px;margin:0 5px;outline:none!important;border-radius:50%;border:2px solid #000!important;transition:all .3s ease}.owl-dot.active{width:35px;border-radius:14px}.owl-dot.active,.owl-dot:hover{background:#000!important}.footerfooter{background:#fff;box-shadow:0 0 3px 2px grey}.footer{-webkit-justify-content:space-around;justify-content:space-around;margin:0 5%;padding:25px 0}.footer,.footer .footer-left1{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.footer .footer-left1{-webkit-flex-direction:column;flex-direction:column}.footer .footer-left1 .topic{font-size:22px;font-weight:1000;color:#070049;font-family:"Courgette",cursive}.footer .footer-left1 .body{font-size:18px;font-weight:700px;color:#070049;font-family:"Cormorant Garamond",serif}.footer .footer-left1 .social-media{margin-top:10px}.footer .footer-left1 .social-media,.footer .footer-left1 .social-media .media{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.footer .footer-left1 .social-media .media{-webkit-flex-direction:column;flex-direction:column;margin-left:20px}.footer .footer-left1 .social-media .media .info{margin-left:15px}.footer .footer-left1 .social-media .media .info .text{font-size:16px;font-weight:100000px;color:#070049}.footer .footer_left{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.footer .footer_left img{border-radius:50%;width:100px;height:100px;margin-bottom:5px;box-shadow:0 0 8px 0 #000}.footer .footer_left .footer_name{font-size:23px;font-weight:600;font-family:"Courgette",cursive;text-shadow:0 0 10px 2px red;color:#1a0077}.footer .footer_left .footer_socail{padding-left:30px}.footer .footer_right{display:block}.footer .footer_right .footer_right_text{-webkit-flex-direction:column;flex-direction:column;text-decoration:none;font-size:22px;font-family:"Caveat",cursive;font-weight:700;color:#038603;text-shadow:0 0 10px 2px #000}.footer .footer_right .footer_right_text:hover{color:#0d003d;text-decoration:underline;cursor:pointer}.footerfooter .footerType{color:#070049;font-weight:700;font-family:"Satisfy",cursive;padding-bottom:10px}.footerfooter span{color:red}.home{background:#282a4b}.home,.home .navbar{display:-webkit-flex;display:flex}.home .navbar{position:absolute;width:100%;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;z-index:99999}.home .navbar .text{font-size:40px;color:#fff;font-family:"Kaushan Script",cursive;font-weight:700;cursor:pointer}.home .navbar .text span{color:#dc143c}.home .navbar .menu{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.home .navbar .menu .text1{color:#fff;margin-left:50px;font-family:"Kalam",cursive;font-weight:600;font-size:20px}.home .navbar .menu .text1:hover{color:#dc143c;cursor:pointer}.home .max-width{width:90%;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;padding:100px 0;margin-top:50px}.home .max-width .left .text1{font-size:22px;font-weight:700;color:#fff;font-family:"Cardo",serif}.home .max-width .left .text2{font-family:"Cardo",serif;font-size:30px;font-weight:700;color:#fff}.home .max-width .left .text3{font-family:"Cardo",serif;font-size:22px;font-weight:800;color:#fff;color:red}.home .max-width .left .text4{font-family:"Kalam",cursive;font-size:16px;font-weight:300;color:#fff}.home .max-width .left button{background-image:linear-gradient(-20deg,#00cdac,#8ddad5);color:#000556;height:45px;width:120px;font-family:"Cardo",serif;font-size:20px;font-weight:900;border-radius:10px;outline:none;border:none}.home .max-width .right img{height:350px;width:350px;border-radius:50%;box-shadow:0 5px 4px 2px #cacaca;transition:all .9s ease}.home .max-width .right img:hover{-webkit-transform:scale(1.09);transform:scale(1.09)}.banner{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;margin:0 0 50px}.banner .banner_text1{font-size:20px;font-weight:500}.banner .banner_text1,.banner .banner_text2{font-family:"Merienda",cursive;color:#180049}.banner .banner_text2{font-size:15px}.banner .banner_button{font-family:"Merienda",cursive;margin-top:10px;background-image:linear-gradient(0deg,#5ee7df 0,#b490ca)}.banner .banner_image img{height:200px;width:400px}.detail1{background:#f0eeee;padding:35px 0}.detail1 .detail_text1{font-size:20px;font-weight:500;font-family:"Merienda",cursive;margin:10px 0;color:#180049}.detail1 .detail_text2{font-size:15px;font-family:"Amaranth",sans-serif;color:#180049}.detail1 .detail_button{font-family:"Merienda",cursive;margin-top:15px;background-image:linear-gradient(90deg,#eea2a2 0,#bbc1bf 19%,#57c6e1 42%,#b49fda 79%,#7ac5d8)}.detail2{padding:20px 0}.detail2 .detail_text1{font-size:30px;font-weight:700;font-family:"Merienda",cursive;color:#180049}.detail2 .detail_text2{font-family:"Alice",serif;color:#180049}.detail3{margin:0 10%;color:#180049}.detail3 .detail3_grid_item{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.detail3 .detail3_image{object-fit:contain;height:150px;width:150px;background-color:#fff;border-radius:50%;padding:5px;box-shadow:0 2px 5px 0 grey;margin-bottom:15px}.detail3 .detail3_text1{font-size:25px;font-weight:700;font-family:"Merienda",cursive;color:#180049}.detail3 .detail3_text2{font-size:16px;font-family:"Merienda",cursive;color:#180049}.detail3 .detail3_text3{font-size:14px;font-family:"Alice",serif;color:#180049}.detail4{background:#e7e7e7;padding:20px 0;margin-top:20px}.detail4 .detail_text1{font-size:30px;font-weight:700;font-family:"Merienda",cursive;color:#180049}.detail4 .detail_text2{font-size:20px;font-weight:500;font-family:"Merienda",cursive;color:#180049}.detail4 .detail_text2 span{color:red}.detail4 .detail_text2 b{color:green}.detail4 .detail4_card{width:350px;background:#fff;box-shadow:0 0 5px 1px grey;transition:.3s ease-in;padding:15px;margin:50px 60px;border-radius:5px;color:#180049}.detail4 .detail4_card:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.detail5{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;background:#e7e7e7;padding:20px 0}.detail5 .detail5_text1{color:#9403f4;text-decoration:underline;font-family:"Merienda",cursive;font-weight:800;margin-bottom:10px;font-size:22px}.detail5 .detail5_text2{color:#180049;margin-bottom:3px;font-family:"Caveat",cursive;font-size:20px;font-weight:800}.logo{margin-top:20px;margin-bottom:30px}.logo_image{object-fit:contain;height:80px;margin:20px 0;width:80px;border-radius:50%;padding:1px}.eachLogo{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.accordian,.eachLogo{-webkit-justify-content:center;justify-content:center}.accordian{text-align:center}.accordian .accordian_max-width{width:90%;margin:50px 0 50px 5%}.header{margin-bottom:30px}.header .max-widths .grid{-webkit-justify-content:space-between;justify-content:space-between}.header .max-widths .grid,.header .max-widths .left{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.header .max-widths .left{-webkit-justify-content:center;justify-content:center;padding:10px 0}.header .max-widths .left .logo{font-size:30px;font-weight:700;font-family:"Pattaya",sans-serif}.header .max-widths .left .logo:hover{color:#000}.header .max-widths .left .logo span{color:red;font-family:"Noto Sans Lao"}.header .max-widths .left .logo span:hover{color:#fff}.header .max-widths .right{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.header .max-widths .right .menu{font-size:25px;font-weight:1000;font-family:"Caveat",cursive;margin-left:50px;color:red}.header .max-widths .right .menu:hover{color:#000d46;cursor:pointer}.homepage{background-color:#fff}.contact1{-webkit-justify-content:center;justify-content:center}.contact1,.contact .contact_form{display:-webkit-flex;display:flex}.contact .contact_form{width:70%;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;box-shadow:0 0 2px 0 #585757;padding:30px;margin-bottom:5%}.contact .contact_form .contact_form_left{text-align:justify;padding-top:20px;padding-left:50px}.contact .contact_form .contact_form_left .icon-text{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.contact .contact_form .contact_form_left .contact_form_left_text{font-family:"Kaushan Script",cursive;font-size:22px}.contact .contact_form .contact_form_right{box-shadow:0 0 2px 0 #585757;padding:15px;display:block}.contact .contact_form .contact_form_right .contact_form_right_text{font-family:"Kaushan Script",cursive;font-size:23px}.regist{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin:50px 0}.regist .topic{font-size:25px;font-weight:700;padding:20px 0}.register{box-shadow:1px 0 3px 0 grey;width:60%;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;padding:50px 30px;border-radius:10px}.register,.register .register-image{display:-webkit-flex;display:flex}.register .register-image img{height:300px;width:450px}.register .register_form{border-radius:6px;box-shadow:0 0 3px 0 grey;padding:20px}.Register_input{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.login .max-width{box-shadow:1px 0 3px 0 grey;margin:5% 15%;padding:10px 5%}.login .max-width .topic{font-size:30px;font-weight:700;font-family:"Pattaya",sans-serif}.login .max-width .content{-webkit-justify-content:space-around;justify-content:space-around;padding:50px 0}.login .max-width .content,.login .max-width .content .left{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.login .max-width .content .left{-webkit-justify-content:center;justify-content:center}.login .max-width .content .left img{width:100%;height:300px}.login .max-width .content .right{box-shadow:1px 0 3px 0 grey;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;padding:30px 20px 50px}.login .max-width .content .right .icon{color:#02027a;font-size:100px;margin-bottom:10px}.login .max-width .content .right .text{font-size:18px;font-weight:700;margin-bottom:10px;font-family:"Pattaya",sans-serif}.login .max-width .content .right .input{width:100%;margin-bottom:15px}.st_info{margin:30px 0}.st_info .max-width{width:70%;margin-left:15%}.st_info .max-width h2{font-family:"Kalam",cursive;font-size:32px}.st_info .max-width .btn{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.st_info .max-width .btn .button{margin-left:30px}.st_info .image-slide{padding:50px 0}.st_info .image-slide img{width:450px;height:300px}.table{padding:10px 0 150px}.table .table-th{width:200px}table,td,th{border:1px solid #000;border-collapse:collapse;font-family:"Vollkorn",serif}.selectAdmin{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}h1{font-family:"Kalam",cursive;font-size:32px}.addAdmin{box-shadow:2px 2px 3px 1px grey;width:42%}.table{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin:30px 0 150px}.table .table-th{width:250px;padding:5px 0;border:1px solid #000;font-size:20px;font-family:"Amiri",serif;font-weight:700}table{box-shadow:2px 2px 3px 1px grey}table,td,th,tr{border:1px solid #000;border-collapse:collapse;font-family:"Vollkorn",serif}.container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;box-shadow:1px 1px 1px 1px grey;padding:20px;border-radius:6px;margin-bottom:20px}.container input{font-size:18px;font-family:"Crimson Text",serif}.container .form-group{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;width:50%;padding:10px 0;border-radius:5px;box-shadow:1px 1px 2px 1px grey;margin-bottom:20px}.container .cvview-space{width:85%;border-radius:5px}.container .cvview-space .viewpdf{font-size:18px;font-family:"Crimson Text",serif}.container h4{font-size:25px;font-family:"Crimson Text",serif;font-weight:700}
/*# sourceMappingURL=main.b56fae80.chunk.css.map */