@import"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=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0}html{font-family:Kanit,sans-serif;letter-spacing:1px;scroll-behavior:smooth;box-sizing:border-box}:root{--mode:#141720;--secColor: rgb(24,24,27);--line:rgba(64,63,70, .4);--bgNav:rgb(39, 39, 42);--title:#fff;--black:#141720;--subTitle:rgb(161,161, 170);--bgHeader:rgba(171,15,26,255);--mainColor: rgba(171,15,26,255);--icon-hover:#d4d4d8;--blue: rgb(0, 162, 255)}.light{--mode: #fffbff;--secColor: #f5f5f5;--line:rgba(168, 168, 168, .4);--bgNav:rgb(253, 253, 253);--title: rgba(20,23,32,255);--subTitle:rgb(82, 82, 91);--black:#141720;--bgHeader:rgba(171,15,26,255);--mainColor:rgba(171,15,26,255);--icon-hover:#333333}body{background-color:var(--secColor);color:#fffbff}.container{width:80%;margin:auto;background-color:var(--secColor)}.divider{border:1px solid var(--line);margin:20px 0}li{list-style:none}a{text-decoration:none;color:#fff;transition:.2s}a:hover{cursor:pointer}.flex{display:flex;align-items:center}button{all:unset}button:hover{cursor:pointer}button:active{scale:.85}.scroll2Top{background-color:var(--bgHeader);width:2.8rem;height:2.8rem;border-radius:50px;position:fixed;bottom:6%;right:4%;text-align:center}.scroll2Top:hover{background-color:#c03232}button.icon-keyboard_arrow_up{font-size:1.2rem}header{margin:auto;background-color:#fffbff;height:5rem;width:110%;top:0;left:0;right:0;position:fixed;z-index:9999;color:#fffbff}header .navLogo{width:12rem;height:12rem}.dark header .Logo{filter:brightness(0) invert(1)}header.flex{justify-content:space-between}header ul{gap:15px;align-items:center}header button{color:var(--title);opacity:.9;font-size:.9rem}header button:hover{color:var(--mainColor);opacity:.8;font-size:.92rem;border:1px solid gray;padding:5px 12px;border-radius:10px}.navmenu{display:none;background-color:#141720;color:#fff}.fixed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;background-color:#141720e6}@keyframes mymove{0%{scale:0}70%{scale:1.1}to{scale:1}}header .fixed ul.model{animation:mymove .5s 1;border:1px solid var(--line);width:70%;margin:auto;margin-top:3rem;padding:1rem 3rem;background-color:#141720;border-radius:25px;color:#fff}.model li{padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}.model li:last-child{border-bottom:none}.model li:first-child{text-align:end;border-bottom:none;padding:0;margin-bottom:-1rem}.model a,.model button,.model li{color:#fff!important}.model a:hover,.model button:hover{color:var(--mainColor)!important;opacity:.9;border:0}header .icon-menu,header button.mode{background-color:var(--bgNav);width:2rem;height:2rem;color:#bdbdbd;padding:.1rem;border-radius:25px;justify-content:center;text-align:center;box-shadow:1px 1px 15px #a8a8a891;transition:.3s}header button .icon-moon-stars{font-size:1.3rem;color:#fff8dc}header button .icon-sun{font-size:1.1rem;color:#ffa600d2}.icon-menu:hover,.mode:hover{color:var(--title);border:.1rem solid var(--line)}.icon-clear{font-size:1.2rem;transition:.2s;color:var(--subTitle)}.icon-menu .flex li a{color:var(--subTitle)}.icon-clear:hover{font-size:1.5rem;color:#dc143c;rotate:180deg}@media (max-width:800px){header nav{display:none}.navmenu{display:block}}@media (min-width:750px){.fixed{display:none}}footer{justify-content:space-between;padding-bottom:20px}footer.flex ul{gap:20px}footer ul li a,footer p{color:var(--subTitle);font-size:11px}footer ul li a:hover{color:var(--mainColor)}@media (max-width:700px){footer{flex-direction:column;line-height:2rem}}.contact .icon-envelope{color:var(--mainColor);margin-right:15px}.contact{width:100%}.contact .contactTitle{font-size:1.7rem;color:var(--title);margin-bottom:1.5rem}.contact p{color:var(--subTitle);font-size:.9rem;margin-bottom:.5rem;line-height:1.6rem}.contact-Animation{width:55%;height:5%;translate:250px -60px 50px}@media (max-width:1000px){.contact-Animation{display:none}}@media (max-width:600px){.contact form{width:100%;display:flex;flex-direction:column}.contact form div.flex{flex-direction:column;align-items:start}.con-animation{display:none}.contact form #message{width:60%}.contact .submit{width:30%}}form .flex{gap:15px}form input{margin-bottom:10px}.contact form label{color:var(--subTitle);font-size:12px}.contact form #name,.contact form #phone,.contact form #course,.contact form #email,.contact form #message{all:unset;border:1px solid gray;background-color:#3f3f4626;padding:.8rem 1.2rem;margin-bottom:10px;width:10rem;border-radius:5px;font-size:12px}.contact form #message{width:23.5rem;margin-top:0}.light .contact form #name,.light .contact form #phone,.light .contact form #course,.light .contact form #email,.light .contact form #message{background-color:#fff4;border:1px solid #14172083;color:var(--title)}.contact form #name:focus,.contact form #phone:focus,.contact form #course:focus,.contact form #email:focus,.contact form #message:focus{border:1px solid var(--mainColor)}.contact form input::placeholder,.contact form textarea::placeholder{font-size:13px;opacity:.7}.contact .submit{background-color:var(--bgHeader);padding:.5rem 3rem;border-radius:25px;margin-top:1.5rem;justify-content:end;text-align:center}