@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&display=swap";.toastify{color:#fff;opacity:0;cursor:pointer;z-index:2147483647;background:linear-gradient(135deg,#73a5ff,#5477f5);border-radius:2px;max-width:calc(50% - 20px);padding:12px 20px;text-decoration:none;transition:all .4s cubic-bezier(.215,.61,.355,1);display:inline-block;position:fixed;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d}.toastify.on{opacity:1}.toast-close{color:#fff;cursor:pointer;opacity:.4;background:0 0;border:0;padding:0 5px;font-family:inherit;font-size:1em}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{border-radius:2px;width:1.5em;height:1.5em;margin:-7px 5px}.toastify-center{max-width:-moz-fit-content;margin-left:auto;margin-right:auto;left:0;right:0}@media only screen and (width<=360px){.toastify-right,.toastify-left{max-width:fit-content;margin-left:auto;margin-right:auto;left:0;right:0}}form{background:var(--main-color);color:#fff;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-width:80%;padding:2rem;display:flex}form h2{text-align:center;font-size:2rem}form input,form select{color:var(--main-color);text-align:center;background:#fff;border-radius:.5rem;width:80%;font-size:1rem}form button{text-align:center;color:#fff;background:var(--secondary-color);border-radius:.5rem;padding:.5rem 1.5rem;font-size:1rem}form button:hover{cursor:pointer;transform:scale(1.25)}.main-header{background:var(--main-color);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:relative}.main-header a{border-radius:50%;width:8rem;height:8rem;padding:0}.main-header a img{background:#fff;border-radius:50%;width:100%;height:100%;padding:1rem}.main-header a:hover img{transform:scale(1.2)}nav{background:var(--main-color);width:100%}nav ul{flex-flow:wrap;justify-content:center;align-items:center;display:flex}nav li{border:1px solid var(--light-color);color:var(--light-color);border-bottom:none;border-radius:50% 50% 0 0}nav li:hover{background:var(--light-color);color:var(--main-color);cursor:pointer;text-decoration:underline}nav a{border-radius:50% 50% 0 0;width:100%;height:100%;padding:.25rem 1rem;display:block}nav a.active-link{background:var(--light-color);color:var(--main-color)}:root{--main-color:#3668a1;--secondary-color:#4b96e3;--light-color:#c6e4fc}*{box-sizing:border-box;color:inherit;margin:0;padding:0;font-family:Kanit,sans-serif;text-decoration:none;list-style:none;transition:all .25s}body{background:var(--light-color);max-width:100dvw;max-height:100dvh}main{flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:2rem;display:flex}main h1{color:var(--main-color);text-align:center;font-size:4rem}.container{background:var(--main-color);color:#fff;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-width:80%;padding:2rem;display:flex}.container h2{color:#fff;text-align:center;font-size:2rem}.container .item{color:#fff;text-align:center;background:var(--secondary-color);border-radius:.5rem;flex-direction:row;justify-content:center;align-items:center;gap:1rem;min-width:80%;padding:.5rem;font-size:1.2rem;text-decoration:none;display:flex}.container .item.self{border:2px solid #fff}.related-buttons{justify-content:center;align-items:center;gap:.5rem;display:flex}.related-button{color:red;background:#fff;border:1px solid red;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.pill{height:2rem;color:var(--main-color);border:1px solid var(--main-color);background:#fff;border-radius:.5rem;justify-content:center;align-items:center;padding:0 1rem;display:flex}.pill.ready{color:#fff;background:green;border:1px solid green}.pill.waiting{color:#fff;background:red;border:1px solid red}.clickable:hover{cursor:pointer;transform:scale(1.25)}