:root{--pad-n: 7px;--pad-l: 10px;--main-light: #55616f;--main-color: #454f5b;--main-mid: #374655;--main-dark: #2a3541;--main-darker: #1b222a;--main-darkest: #0b0e11;--br-main: 5px;--br-top: 5px 5px 0 0;--br-bottom: 0 0 5px 5px;--lh-tb: 1.75rem;--lh-label: 2rem;--lh-input: 1.75rem;--lh-p: 1.75rem;--font-topic: #71c0f0;--red:rgb(255, 130, 130)}*{box-sizing:border-box;padding:0;margin:0}.fs-s{font-size:.7rem}.fs-xm{font-size:.8rem}.fs-m{font-size:.85rem}.fs-ns{font-size:.9rem}.fs-n{font-size:.95rem}.fs-l{font-size:1.15rem}.fs-x{font-size:1.25rem}.fs-xl{font-size:1.3rem}.fs-xxl{font-size:1.75rem}.fs-3xl{font-size:2rem}.al-r{text-align:right}.al-l{text-align:left}.al-c{text-align:center}.mg-s{margin:3px!important}.mg-m{margin:5px!important}.mg-l{margin:7px!important}.mg-xl{margin:10px!important}.mg-xxl{margin:15px!important}.mg-t-s{margin-top:3px!important}.mg-t-m{margin-top:5px!important}.mg-t-l{margin-top:7px!important}.mg-t-xl{margin-top:10px!important}.mg-t-xxl{margin-top:15px!important}.mg-b-s{margin-bottom:3px!important}.mg-b-m{margin-bottom:5px!important}.mg-b-l{margin-bottom:7px!important}.mg-b-xl{margin-bottom:10px!important}.mg-b-xxl{margin-bottom:15px!important}.mg-r-s{margin-right:3px!important}.mg-r-m{margin-right:5px!important}.mg-r-l{margin-right:7px!important}.mg-r-xl{margin-right:10px!important}.mg-r-xxl{margin-right:15px!important}.mg-l-s{margin-left:3px!important}.mg-l-m{margin-left:5px!important}.mg-l-l{margin-left:7px!important}.mg-l-xl{margin-left:10px!important}.mg-l-xxl{margin-left:15px!important}.pd-s{padding:3px!important}.pd-m{padding:5px!important}.pd-l{padding:7px!important}.pd-xl{padding:10px!important}.pd-xxl{padding:15px!important}.pd-t-s{padding-top:3px!important}.pd-t-m{padding-top:5px!important}.pd-t-l{padding-top:7px!important}.pd-t-xl{padding-top:10px!important}.pd-t-xxl{padding-top:15px!important}.pd-l-s{padding-left:3px!important}.pd-l-m{padding-left:5px!important}.pd-l-l{padding-left:7px!important}.pd-l-xl{padding-left:10px!important}.pd-l-xxl{padding-left:15px!important}.pd-r-s{padding-right:3px!important}.pd-r-m{padding-right:5px!important}.pd-r-l{padding-right:7px!important}.pd-r-xl{padding-right:10px!important}.pd-r-xxl{padding-right:15px!important}.pd-b-s{padding-bottom:3px!important}.pd-b-m{padding-bottom:5px!important}.pd-b-l{padding-bottom:7px!important}.pd-b-xl{padding-bottom:10px!important}.pd-b-xxl{padding-bottom:15px!important}.ident-s{text-indent:10px!important}.ident-m{text-indent:20px!important}.ident-l{text-indent:30px!important}.ident-xl{text-indent:40px!important}.ident-xxl{text-indent:50px!important}.ident-3xl{text-indent:60px!important}.ident-4xl{text-indent:70px!important}.ba{border:1px solid black!important}.bl{border-left:1px solid black!important}.br{border-right:1px solid black!important}.bt{border-top:1px solid black!important}.bb{border-bottom:1px solid black!important}.ba-main-dark{border:1px solid var(--main-dark)!important}.bl-main-dark{border-left:1px solid var(--main-dark)!important}.br-main-dark{border-right:1px solid var(--main-dark)!important}.bt-main-dark{border-top:1px solid var(--main-dark)!important}.bb-main-dark{border-bottom:1px solid var(--main-dark)!important}.ba2{border:1px dotted lightgray!important}.bl2{border-left:1px dotted lightgray!important}.br2{border-right:1px dotted lightgray!important}.bt2{border-top:1px dotted lightgray!important}.bb2{border-bottom:1px dotted lightgray!important}.ba3{border:1px dashed var(--main-color)}.bl3{border-left:1px dashed var(--main-color)}.br3{border-right:1px dashed var(--main-color)}.bt3{border-top:1px dashed var(--main-color)}.bb3{border-bottom:1px dashed var(--main-color)}.ba4{border:3px solid black!important}.bl4{border-left:3px solid black!important}.br4{border-right:3px solid black!important}.bt4{border-top:3px solid black!important}.bb4{border-bottom:3px solid black!important}.ba5{border:3px solid var(--main-dark)!important}.bl5{border-left:3px solid var(--main-dark)!important}.br5{border-right:3px solid var(--main-dark)!important}.bt5{border-top:3px solid var(--main-dark)!important}.bb5{border-bottom:3px solid var(--main-dark)!important}.ba6{border:1px solid var(--main-dark)!important}.bl6{border-left:1px solid var(--main-dark)!important}.br6{border-right:1px solid var(--main-dark)!important}.bt6{border-top:1px solid var(--main-dark)!important}.bb6{border-bottom:1px solid var(--main-dark)!important}.ba-y{border:1px dashed gray!important}.bl-y{border-left:1px dashed gray!important}.br-y{border-right:1px dashed gray!important}.bt-y{border-top:1px dashed gray!important}.bb-y{border-bottom:1px dashed gray!important}.bdr3{border-radius:3px}.bdr5{border-radius:5px}.bdr3-top{border-radius:3px 3px 0 0}.bdr3-bottom{border-radius:0 0 3px 3px}.bg-line-swap{background-color:#49596c}.bg-line-swap-main{background-color:var(--main-color)}.bg-line-swap-dark{background-color:var(--main-dark)}.bg-red{background-color:red}.bg-black{background-color:#000}.bg-111{background-color:#111}.bg-222{background-color:#222}.bg-333{background-color:#333}.bg-444{background-color:#444}.bg-555{background-color:#555}.bg-666{background-color:#666}.bg-777{background-color:#777}.bg-888{background-color:#888}.bg-999{background-color:#999}.bg-aaa{background-color:#aaa}.bg-bbb{background-color:#bbb}.bg-ccc{background-color:#ccc}.bg-ddd{background-color:#ddd}.bg-eee{background-color:#eee}.bg-blue{background-color:#00f}.bg-yellow{background-color:#ff0}.bg-orange{background-color:orange}.bg-dkorange{background-color:#ff8c00}.bg-khaki{background-color:khaki}.bg-greenyellow{background-color:#adff2f}.bg-green{background-color:green}.bg-plum{background-color:plum}.bg-pink{background-color:pink}.bg-magenta{background-color:#f0f}.bg-white{background-color:#fff}.bg-lightgray{background-color:#d3d3d3}.bg-grey{background-color:gray}.bg-lightslategrey{background-color:#789}.bg-aquamarine{background-color:#7fffd4}.bg-aqua{background-color:#0ff}.bg-deepskyblue{background-color:#00bfff}.bg-cornflowerblue,.bg-cornblue{background-color:#6495ed}.bg-dgblue,.bg-dodgerblue{background-color:#1e90ff}.bg-steelblue{background-color:#4682b4}.bg-slateblue{background-color:#6a5acd}.bg-mediumspringgreen{background-color:#00fa9a}.bg-mediumseagreen{background-color:#3cb371}.bg-main,.bg-main-color{background-color:var(--main-color)}.bg-main-mid{background-color:var(--main-mid)}.bg-main-dark{background-color:var(--main-dark)}.bg-main-darker{background-color:var(--main-darker)}.bg-comment{background-image:linear-gradient(#6495ed,#4169e1)}.bg-reset{background-image:linear-gradient(#b900b9,#590059);color:#fff}.bg-submit{background-image:linear-gradient(#008b8b,#005050)}.bg-get{background-image:linear-gradient(#b8860b,#543c00);color:#fff}.bg-btn-course{background-image:linear-gradient(var(--main-mid),var(--main-darker));color:#fff}.bg-btn-course-active{background-image:linear-gradient(#4682b4,#4169e1);color:#fff}.bg-rename{background-image:linear-gradient(#008b8b,#005050)}.bg-move{background-image:linear-gradient(#ff8c00,#864900)}.bg-list{background-image:linear-gradient(#ff69b4,#8c1e55)}.bg-preview{background-image:linear-gradient(#bdb76b,#56532a)}.bg-link{background-image:linear-gradient(#008b8b,#005050)}.bg-login,.bg-load{background-image:linear-gradient(#6495ed,#4169e1)}.bg-load-emoji{background-color:#6495ed}.bg-load-inactive{background-color:var(--main-darker)}.bg-load-inactive{background-image:linear-gradient(#6495ed,#4169e1)}.bg-load-active{background-image:linear-gradient(#00f,#00008b);pointer-events:none}.bg-reload{background-image:linear-gradient(orchid,#8b008b)}.bg-reload-emoji{background-color:orchid}.bg-save{background-image:linear-gradient(#73bb73,#006400)}.bg-save-emoji{background-color:#73bb73}.bg-add{background-image:linear-gradient(#4169e1,#2a457f)}.bg-add-emoji{background-color:#4169e1}.bg-new{background-image:linear-gradient(#4169e1,#00008b)}.bg-new-emoji{background-color:#4169e1}.bg-update{background-image:linear-gradient(#4169e1,#00008b)}.bg-update-emoji{background-color:#4169e1}.bg-register{background-image:linear-gradient(#73bb73,#006400)}.bg-register-emoji{background-color:#73bb73}.bg-copy{background-image:linear-gradient(#76bfc2,#4682b4)}.bg-copy-emoji{background-color:#4682b4}.bg-edit{background-image:linear-gradient(#ff0,#b8860b)}.bg-edit-active{background-image:linear-gradient(#21c3a5,#157d6a)}.bg-delete{background-image:linear-gradient(red,#8b0000)}.bg-delete-emoji{background-color:#d12c2c}.bg-print{background-image:linear-gradient(#719726,#445526);color:#fff}.bg-print-emoji{background-color:#719726}.bg-change{background-image:linear-gradient(#f0f,#890089)}.bg-search{background-image:linear-gradient(#4bcbc5,#2a6360)}.bg-search-emoji{background-color:#69fff7}.bg-fs{background-color:#263f3f}.bg-check,.bg-cancel{background-image:linear-gradient(orange,#b8860b)}.bg-import{background-image:linear-gradient(#4169e1,#293a6c);color:#fff}.bg-import-emoji{background-color:#4169e1}.bg-clear{background-image:linear-gradient(#b900b9,#590059);color:#fff}.bg-clear-emoji{background-color:#9370db}.bg-report{background-image:linear-gradient(#ff69b4,#8c1e55)}.bg-view{background-image:linear-gradient(#00c8a7,#008770);color:#fff}.bg-view-emoji{background-color:#00c8a7}.bg-create{background-image:linear-gradient(#ebb325,#82600a);color:#fff}.bg-send{background-image:linear-gradient(#a781f3,#58447f);color:#fff}.bg-send-emoji{background-color:#7656b7;color:#fff}.bg-close{background-image:linear-gradient(#d18c2c,#906219);color:#fff}.bg-finish{background-image:linear-gradient(#ff8c00,#8b0000);color:#fff}.bg-open,.bg-borrow{background-color:#4169e1}.bg-locate{background-image:linear-gradient(#00a075,#55751d);color:#fff}.bg-scan{background-color:orchid;color:#fff}.bg-minus{background-image:linear-gradient(#d12c2c,#901919);color:#fff}.bg-undo{background-image:linear-gradient(#008b8b,#004443);color:#fff}.bg-undo-emoji{background-color:#008b8b}.bg-dn{background-image:linear-gradient(violet,#9735c1);color:#fff}.bg-dn-emoji{background-color:violet}.bg-up{background-image:linear-gradient(#2abce8,#265f79);color:#fff}.bg-up-emoji{background-color:#2abce8}.bg-play,.bg-upload{background-image:linear-gradient(#2abce8,#265f79);color:#fff}.fc-white{color:#fff}.fc-lavender{color:#e6e6fa}.fc-black{color:#000}.fc-gray{color:gray}.fc-ligray{color:#d3d3d3}.fc-dkgrey{color:#a9a9a9}.fc-dimgray{color:#696969}.fc-silver{color:silver}.fc-deepskyblue{color:#00bfff}.fc-steelblue{color:#4682b4}.fc-cornblue{color:#6495ed}.fc-cadetblue{color:#5f9ea0}.fc-dodgerblue{color:#1e90ff}.fc-cyan{color:#0ff}.fc-licyan{color:#e0ffff}.fc-dkcyan{color:#008b8b}.fc-dkturquoise{color:#00ced1}.fc-blue{color:#00f}.fc-liblue{color:#add8e6}.fc-liskyblue{color:#87cefa}.fc-skyblue{color:#87ceeb}.fc-khaki{color:khaki}.fc-yellow{color:#ff0}.fc-goldrod{color:#daa520}.fc-yg{color:#9acd32}.fc-gy{color:#adff2f}.fc-lawngreen{color:#7cfc00}.fc-lime{color:#0f0}.fc-limegreen{color:#32cd32}.fc-palegreen{color:#98fb98}.fc-ligreen{color:#90ee90}.fc-lired{color:var(--red);font-weight:400}.fc-gold{color:gold}.fc-red{color:var(--red)}.fc-pink{color:pink}.fc-plum{color:plum}.fc-hotpink{color:#ff69b4}.fc-orchid{color:orchid}.fc-magenta,.fc-mgt{color:#f0f}.fc-green{color:green}.fc-msg{color:#3cb371}.fc-orange{color:orange}.fc-orangered{color:#ff4500}.fc-888{color:#888}.fc-999{color:#999}.fc-aaa{color:#aaa}.fc-bbb{color:#bbb}.fc-ccc{color:#ccc}.fc-ddd{color:#ddd}.fc-eee{color:#eee}.fc-sort{color:#0f0;opacity:1}.box-lime{color:#0f0!important;padding:0 3px;border:1px solid lime;border-radius:3px}.box-lime:hover{background-color:#006400}.box-yellow{color:#ff0!important;padding:0 3px;border:1px solid yellow;border-radius:3px}.box-yellow:hover{background-color:#482800}.box-liblue{color:#add8e6!important;padding:0 3px;border:1px solid lightblue;border-radius:3px}.box-liblue:hover{background-color:#00008b}.box-red{color:var(--red)!important;padding:0 3px;border:1px solid var(--red);border-radius:3px}.box-red:hover{background-color:#8b0000}.box-download{color:#32cd32!important;padding:3px 12px;border:1px solid green;border-radius:30px;background-color:var(--main-darker)}.box-download:hover{filter:brightness(150%)}.box-button{background-color:#444;text-align:center;border:none;border:1px solid black;border-radius:3px;padding:0 5px;cursor:pointer}.box-button:hover{filter:brightness(130%)}.lh-7xs{line-height:.6rem}.lh-6xs{line-height:.7rem}.lh-5xs{line-height:.8rem}.lh-4xs{line-height:.9rem}.lh-3xs{line-height:1rem}.lh-2xs{line-height:1.15rem}.lh-xs{line-height:1.25rem}.lh-s{line-height:1.5rem}.lh-n{line-height:1.75rem}.lh-m{line-height:2rem}.lh-l{line-height:2.5rem}.lh-xl{line-height:3rem}.lh-tb{line-height:var(--lh-tb)!important}.lh-label{line-height:var(--lh-label)!important}.lh-input{line-height:var(--lh-input)!important}.lh-p{line-height:var(--lh-p)!important}.clickable{cursor:pointer}.clickable:hover{filter:brightness(130%)}.vd-n{background-color:#ff0!important;border:1px solid red!important}.strike{text-decoration:line-through!important}.fw-b{font-weight:700}.fx-x{text-decoration:line-through}.nowrap{text-wrap:nowrap}.ov-hide{overflow:hidden}.w-100{width:100%}.w-50{width:50%}.w-40{width:40%}.w-30{width:30%}.w-20{width:20%}.w-10{width:10%}.w-5{width:5%}.h-100{height:100%}.select-none{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none;background:#f5f5f5}.img{max-width:100%;height:auto}kbd{color:#fff;border-radius:3px;background-color:gray;padding:1px 3px;margin:0 1px;font-family:Roboto,sans-serif}fieldset{border:none;border-radius:5px;margin-inline-start:2px;margin-inline-end:2px;padding-block-start:.25em;padding-block-end:.25em;padding-inline-start:.75em;padding-inline-end:.75em;margin:0}fieldset legend{padding:0 5px}@font-face{font-family:Anuphan;src:url(../fonts/Anuphan/static/Anuphan-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Anuphan;src:url(../fonts/Anuphan/static/Anuphan-Bold.ttf) format("truetype");font-weight:700;font-style:normal}*{font-family:Anuphan,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}a:link{color:#90ee90;text-decoration:none}a:visited{color:#9acd32;text-decoration:none}a:hover{color:#0f0;text-decoration:dashed}a:active{color:#32cd32;text-decoration:none}h3{font-weight:400}.green{border-top:3px solid lime;border-bottom:3px solid lime;background-color:#006400;color:#fff!important;font-weight:700}.yellow{border-top:3px solid darkgoldenrod;border-bottom:3px solid darkgoldenrod;background-color:#ff0;color:#000!important;font-weight:700}.blue{border-top:3px solid Navy;border-bottom:3px solid Navy;background-color:#1e90ff;color:#fff!important;font-weight:700}.red{border-top:3px solid red;border-bottom:3px solid red;background-color:#8b0000!important;color:#fff!important;font-weight:700}.page-notify{text-align:center;position:absolute;z-index:999;left:0;bottom:90px;width:100%;padding:15px 5px;line-height:1.75rem;animation:none;visibility:"visible";animation:fadeNotifyIn .5s,fadeNotifyOut .5s 4s}.page-notify p{margin-bottom:0}@keyframes fadeNotifyIn{0%{bottom:0;opacity:0}to{bottom:90px;opacity:1}}@keyframes fadeNotifyOut{0%{bottom:90px;opacity:1}to{bottom:0;opacity:0}}@-webkit-keyframes fadeNotifyIn{0%{bottom:0;opacity:0}to{bottom:90px;opacity:1}}@-webkit-keyframes fadeNotifyOut{0%{bottom:90px;opacity:1}to{bottom:0;opacity:0}}.toast{text-align:center;position:absolute;z-index:999;left:0;bottom:90px;width:100%;padding:15px 5px;line-height:1.75rem;animation:none;visibility:"visible";animation:fadeToastIn .5s,fadeToastOut .5s 4s}@keyframes fadeToastIn{0%{bottom:0;opacity:0}to{bottom:90px;opacity:1}}@keyframes fadeToastOut{0%{bottom:90px;opacity:1}to{bottom:0;opacity:0}}@-webkit-keyframes fadeToastIn{0%{bottom:0;opacity:0}to{bottom:90px;opacity:1}}@-webkit-keyframes fadeToastOut{0%{bottom:90px;opacity:1}to{bottom:0;opacity:0}}.dp-n{display:none!important}.row,.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.col-0-5{flex-basis:5%;max-width:5%;overflow:hidden;white-space:nowrap}.col-1{flex-basis:10%;max-width:10%;overflow:hidden;white-space:nowrap}.col-1-5{flex-basis:15%;max-width:15%;overflow:hidden;white-space:nowrap}.col-2{flex-basis:20%;max-width:20%;overflow:hidden;white-space:nowrap}.col-2-5{flex-basis:25%;max-width:25%;overflow:hidden;white-space:nowrap}.col-3{flex-basis:30%;max-width:30%;overflow:hidden;white-space:nowrap}.col-3-5{flex-basis:35%;max-width:35%;overflow:hidden;white-space:nowrap}.col-4{flex-basis:40%;max-width:40%;overflow:hidden;white-space:nowrap}.col-4-5{flex-basis:45%;max-width:45%;overflow:hidden;white-space:nowrap}.col-5{flex-basis:50%;max-width:50%;overflow:hidden;white-space:nowrap}.col-5-5{flex-basis:55%;max-width:55%;overflow:hidden;white-space:nowrap}.col-6{flex-basis:60%;max-width:60%;overflow:hidden;white-space:nowrap}.col-6-5{flex-basis:65%;max-width:65%;overflow:hidden;white-space:nowrap}.col-7{flex-basis:70%;max-width:70%;overflow:hidden;white-space:nowrap}.col-7-5{flex-basis:75%;max-width:75%;overflow:hidden;white-space:nowrap}.col-8{flex-basis:80%;max-width:80%;overflow:hidden;white-space:nowrap}.col-8-5{flex-basis:85%;max-width:85%;overflow:hidden;white-space:nowrap}.col-9{flex-basis:90%;max-width:90%;overflow:hidden;white-space:nowrap}.col-9-5{flex-basis:95%;max-width:95%;overflow:hidden;white-space:nowrap}.col-f{flex-basis:100%;max-width:100%;overflow:hidden;white-space:nowrap}.col-auto{flex-basis:auto;max-width:auto;overflow:hidden;white-space:nowrap}.row label.justify{text-align:right}.input-group,.input-group-column{display:flex;flex-direction:column}.input-group-row{display:flex;flex-direction:row}.input-group label{flex:none}.input-group textarea,.input-group input,.input-group select{flex:1}.space-between{justify-content:space-between;align-items:center}@media screen and (max-width: 768px){label.hide-xm,.hide-xm,.input-group label.hide-xm{display:none!important}}@media screen and (max-width: 480px){.row{flex-direction:column}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-1-5,.col-2-5,.col-3-5,.col-4-5,.col-5-5,.col-6-5,.col-7-5,.col-8-5,.col-9-5{flex-basis:100%;max-width:100%;overflow:hidden;white-space:nowrap}.row label.justify{text-align:left}label.hide-xs,.hide-xs,.input-group label.hide-xs{display:none!important}}main label{line-height:var(--lh-label)}main button,main input[type=button],main input[type=submit]{color:#fff!important;border-radius:3px;border:1px solid black}main button:hover,main input[type=file]:hover,main input[type=button]:hover,main input[type=submit]:hover{filter:brightness(130%);cursor:pointer}main select,main img,main textarea,main input[type=date],main input[type=number],main input[type=search],main input[type=text],main input[type=password],main input[type=email]{color:#00f!important;border:1px solid black;border-radius:3px;background-color:#fff;min-height:1.9rem}main input[type=file]{color:#00f!important;border:1px solid black;border-radius:3px;background-color:#fff;line-height:1.9rem}main select:focus,main textarea:focus,main input[type=date]:focus,main input[type=number]:focus,main input[type=search]:focus,main input[type=text]:focus,main input[type=password]:focus,main input[type=email]:focus{outline:none;background-color:#add8e6}main img:read-only,main select:read-only{background-image:none;background-color:none}main img:read-only,main textarea:read-only,main input[type=date]:read-only,main input[type=datetime-local]:read-only,main input[type=number]:read-only,main input[type=text]:read-only,main input[type=password]:read-only,main input[type=search]:read-only,main input[type=email]:read-only{background-color:#d3d3d3;color:#00008b!important}main img:disabled,main button:disabled,main select:disabled,main textarea:disabled,main input[type=date]:disabled,main input[type=datetime-local]:disabled,main input[type=number]:disabled,main input[type=text]:disabled,main input[type=button]:disabled,main input[type=submit]:disabled,main input[type=search]:disabled,main input[type=email]:disabled{background-image:none;color:#333!important}main .btn{border:none;border:1px solid black;border-radius:3px;color:#fff!important;line-height:1.9rem}main .btn[disabled]{color:#add8e6!important;background-color:#484848!important}nav{max-width:992px;font-size:.85rem;margin:auto;display:grid;grid-template-columns:auto auto auto;align-items:center;line-height:1.25rem}nav .nav-1{justify-self:start}nav .nav-2{justify-self:center}nav .nav-3{justify-self:end}nav .nav-3{display:flex;position:relative}.nav-dropdown-menu{display:none;position:absolute;right:0;top:2.2rem;background:#222;border-radius:6px;box-shadow:0 2px 8px #00000026;min-width:200px;z-index:100;padding:.25rem 0}.nav-dropdown-menu .nav-link{display:block;color:#fff;padding:.5rem 1rem;border-radius:0;text-align:left}.nav-dropdown-menu .nav-link:hover{background:#005646;color:#b0ffb0}.nav-dropdown-toggle{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem .7rem;border-radius:5px}.nav-dropdown-toggle:focus{outline:none;background:#005646}.nav-link{padding:.5rem .35rem}.nav-link.active{color:#adff2f;border-radius:5px;font-weight:700;text-decoration:none;pointer-events:none}.nav-link:hover{color:#5f9ea0;border-radius:5px}nav a{text-decoration:none}nav a:link{color:#fff}nav a:visited{color:#fff}nav a:hover{color:#90ee90}nav a:active{color:#fff}@media screen and (max-width: 768px){nav{grid-template-columns:auto auto;padding:0 5px}nav .nav-1{grid-area:2/1/3/3;justify-self:center;margin-bottom:5px;margin-top:-7px}nav .nav-2{grid-area:1/1/2/2;justify-self:start}nav .nav-3{grid-area:1/2/2/3;justify-self:end}}@media screen and (max-width: 480px){.nav-link{padding:.5rem .3rem .75rem}}html{font-size:16px;color:#f5f5f5}body{background-color:#222;margin:auto;max-width:1000px;color:#fff}main{background-color:var(--main-color);display:grid;grid-template-columns:100%;border-radius:10px;min-height:80vh;align-content:start}.main-title{grid-area:1 / 1 / 2 / 3;text-align:center;margin-top:30px;margin-bottom:20px}.main-left{grid-area:2 / 1 / 3 / 2;padding:0 70px}.main-left .fields-ctn{padding:0 100px}@media screen and (max-width: 768px){body{font-size:14px}main{grid-template-columns:100%;margin-top:0;border-radius:0}.main-left{padding:0 30px}.main-left .fields-ctn{padding:0 50px}}@media screen and (max-width: 480px){main{padding:7px;border-radius:none}.main-left,.main-left .fields-ctn{padding:0 15px}}