html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;vertical-align:baseline;line-height:1;outline:none}span,h1,h2,h3,h4,h5,h6,p,a,strong,b,u,i,center,label,caption,button,input{line-height:150%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input:focus,textarea:focus,select:focus{outline:none}::selection{background-color:var(--primary-color);color:var(--white)}::-moz-selection{background-color:var(--primary-color);color:var(--white)}*{scrollbar-color:var(--light-grey) var(--very-light-grey)}:root{--general-radius: 0.6rem;--primary-h: 240;--primary-s: 17%;--primary-l: 25%;--primary-hsl: hsl(var(--primary-h),var(--primary-s),var(--primary-l));--primary-hsl-darker: hsl(var(--primary-h),var(--primary-s),calc(var(--primary-l) - 5%));--primary-hsl-shift: hsl(calc(var(--primary-h) - 30),var(--primary-s),var(--primary-l));--primary-hsl-darker-shift: hsl(calc(var(--primary-h) - 30),var(--primary-s),calc(var(--primary-l) - 5%));--primary-hsla: hsla(var(--primary-h),var(--primary-s),var(--primary-l),0.9);--primary-hsla-shift: hsla(calc(var(--primary-h) - 30),var(--primary-s),var(--primary-l),0.9);--primary-color: var(--primary-hsl);--primary-color-light: hsla(var(--primary-h),65%,60%,.5);--primary-color-very-light: hsla(var(--primary-h),65%,60%,.15);--primary-color-darker: var(--primary-hsl-darker);--primary-color-gradient: linear-gradient(110deg, var(--primary-hsl), var(--primary-hsl-shift));--primary-color-darker-gradient: linear-gradient(110deg, var(--primary-hsl-darker), var(--primary-hsl-darker-shift));--primary-color-light-gradient: linear-gradient(110deg, var(--primary-hsla), var(--primary-hsla-shift));--secondary-color: #f2efea;--green-h: 120;--green-s: 43%;--green-l: 37%;--green: hsl(var(--green-h),var(--green-s),var(--green-l));--green-darker: hsl(var(--green-h),var(--green-s),calc(var(--green-l) - 5%));--red-h: 344;--red-s: 69%;--red-l: 50%;--red: hsl(var(--red-h),var(--red-s),var(--red-l));--red-darker: hsl(var(--red-h),var(--red-s),calc(var(--red-l) - 5%));--yellow: #ffe60f;--shadow: rgba(0,0,0,0.15);--super-light-grey: #f6f6f6;--very-light-grey: #fff;--light-grey: #d7d7d7;--grey: rgba(0, 0, 0, 0.6);--dark-grey: rgba(0, 0, 0, 0.8);--white: #fff;--black: #171717}.green{color:var(--green) !important}.bg-green{background:var(--green) !important}.red{color:var(--red) !important}.bg-red{background:var(--red) !important}.primary{color:var(--primary-color) !important}.bg-primary{background:var(--primary-color) !important}.bg-primary-gradient{background:var(--primary-color-gradient) !important}.white{color:var(--white) !important}.bg-white{background:white !important}.super-light-grey{color:var(--super-light-grey) !important}.bg-super-light-grey{background:var(--super-light-grey) !important}.very-light-grey{color:var(--very-light-grey) !important}.bg-very-light-grey{background:var(--very-light-grey) !important}.light-grey{color:var(--light-grey) !important}.bg-light-grey{background:var(--light-grey) !important}.grey{color:var(--grey) !important}.bg-grey{background:var(--grey) !important}.dark-grey{color:var(--dark-grey) !important}.bg-dark-grey{background:var(--dark-grey) !important}.black{color:var(--black) !important}.bg-black{background:var(--black) !important}.btn{font-family:"Open Sans", sans-serif;display:inline-block;text-decoration:none;outline:none;border:0;margin:0;padding:0.6rem 1rem;background:none;transition:0.2s ease all;cursor:pointer;color:var(--black);border-radius:var(--general-radius);font-weight:700;font-size:0.85rem;text-align:center;width:auto}.btn.focus,.btn.hover,.btn:focus,.btn:hover{text-decoration:none}.btn.default{background-color:var(--very-light-grey);font-weight:bold}.btn.default.focus,.btn.default.hover,.btn.default:focus,.btn.default:hover{background-color:var(--light-grey)}.btn.default.active,.btn.default:active{background-color:var(--very-light-grey);color:var(--grey)}.btn.fill-primary{background-color:var(--primary-color);color:var(--white)}.btn.fill-primary.focus,.btn.fill-primary.hover,.btn.fill-primary:focus,.btn.fill-primary:hover{opacity:0.8}.btn.fill-primary.active,.btn.fill-primary:active{background-color:var(--primary-color-darker);opacity:1}.btn.fill-success{background-color:var(--green);color:var(--white)}.btn.fill-success.focus,.btn.fill-success.hover,.btn.fill-success:focus,.btn.fill-success:hover{opacity:0.8}.btn.fill-success.active,.btn.fill-success:active{background-color:var(--green-darker);opacity:1}.btn.fill-danger{background-color:var(--red);color:var(--white)}.btn.fill-danger.focus,.btn.fill-danger.hover,.btn.fill-danger:focus,.btn.fill-danger:hover{opacity:0.8}.btn.fill-danger.active,.btn.fill-danger:active{background-color:var(--red-darker);opacity:1}.btn.outline-default{box-shadow:inset 0 0 0 0.1rem var(--very-light-grey)}.btn.outline-default.focus,.btn.outline-default.hover,.btn.outline-default:focus,.btn.outline-default:hover{box-shadow:inset 0 0 0 0.1rem var(--light-grey)}.btn.outline-default.active,.btn.outline-default:active{background-color:var(--very-light-grey);border-color:var(--very-light-grey)}.btn.outline-primary{box-shadow:inset 0 0 0 0.1rem var(--primary-color);color:var(--primary-color)}.btn.outline-primary.focus,.btn.outline-primary.hover,.btn.outline-primary:focus,.btn.outline-primary:hover{opacity:0.8;background:var(--primary-color);color:var(--white)}.btn.outline-primary.active,.btn.outline-primary:active{background-color:var(--primary-color-darker);color:var(--white);opacity:1}.btn.outline-success{box-shadow:inset 0 0 0 0.1rem var(--green);color:var(--green)}.btn.outline-success.focus,.btn.outline-success.hover,.btn.outline-success:focus,.btn.outline-success:hover{opacity:0.8;background:var(--green);color:var(--white)}.btn.outline-success.active,.btn.outline-success:active{background-color:var(--green);color:var(--white);opacity:1}.btn.outline-danger{box-shadow:inset 0 0 0 0.1rem var(--red);color:var(--red)}.btn.outline-danger.focus,.btn.outline-danger.hover,.btn.outline-danger:focus,.btn.outline-danger:hover{opacity:0.8;background:var(--red);color:var(--white)}.btn.outline-danger.active,.btn.outline-danger:active{background-color:var(--red-darker);color:var(--white);opacity:1}.btn.dropdown-link{color:var(--primary-color);position:relative;padding-right:2rem}.btn.dropdown-link.focus,.btn.dropdown-link.hover,.btn.dropdown-link:focus,.btn.dropdown-link:hover{opacity:0.7}.btn.dropdown-link.active svg{transform:rotate(180deg) translateY(0.15rem)}.btn.dropdown-link svg{position:absolute;top:calc(50% - .4rem);right:0.5rem;height:1rem;transition:ease all 0.2s}.btn.dropdown-link svg *{fill:var(--primary-color) !important;transition:ease all 0.2s}.btn.dropdown-default{box-shadow:inset 0 0 0 0.1rem var(--very-light-grey);position:relative;padding-right:2rem;color:var(--dark-grey)}.btn.dropdown-default.focus,.btn.dropdown-default.hover,.btn.dropdown-default:focus,.btn.dropdown-default:hover{box-shadow:inset 0 0 0 0.1rem var(--light-grey);color:var(--dark-grey)}.btn.dropdown-default.focus svg *,.btn.dropdown-default.hover svg *,.btn.dropdown-default:focus svg *,.btn.dropdown-default:hover svg *{fill:var(--grey) !important}.btn.dropdown-default.active svg{transform:rotate(180deg) translateY(0.15rem)}.btn.dropdown-default svg{position:absolute;top:calc(50% - .4rem);right:0.5rem;height:1rem;transition:ease all 0.2s}.btn.dropdown-default svg *{fill:var(--dark-grey) !important;transition:ease all 0.2s}*{box-sizing:border-box;line-height:150%}html{font-size:16px;font-family:"Open Sans", sans-serif}@media screen and (min-width: 1600px){html{font-size:19px}}span,strong{color:var(--dark-grey)}strong{font-weight:600}a,h1,h2,h3,p{color:var(--black)}h1,h2,h3{font-weight:bold;margin:0 0 .5em}h1{font-size:1.5rem;color:var(--white)}@media screen and (min-width: 576px){h1{font-size:1.8rem}}h2{color:var(--primary-color);word-wrap:break-word;font-size:1.4rem}@media screen and (min-width: 576px){h2{font-size:1.5rem}}h3{font-size:1.2rem;font-weight:600}p{margin:0 0 1em;font-size:1rem}.small-text{margin:0 0 1rem;font-size:0.85rem}.small-text a{font-size:0.85rem}a{font-size:1rem;color:var(--primary-color);text-decoration:underline;cursor:pointer;margin:0 0 1em}a:focus,a:hover{text-decoration:none}a:active{text-decoration:underline}.button,input,select{font-size:.85rem}form{margin-bottom:1rem}fieldset{margin:0 0 0.5rem}input{color:var(--dark-grey)}.label,label{display:flex;justify-content:space-between;align-items:center;color:var(--black);font-size:1rem;font-weight:bold;margin:0.8rem 0 0.3rem}.label a,label a{font-weight:normal;margin:0 !important}input[type="text"],input[type="password"],input[type="text"],input[type="email"]{outline:none;border:none;box-shadow:none;background-color:var(--very-light-grey);padding:0.6rem 1rem;margin:0;border-radius:var(--general-radius);font-family:inherit;transition:ease all 0.2s;box-shadow:inset 0 0 0 .1rem transparent;width:100%;cursor:text}input[type="text"]:not(:disabled).focus,input[type="text"]:not(:disabled).hover,input[type="text"]:not(:disabled):focus,input[type="text"]:not(:disabled):hover,input[type="password"]:not(:disabled).focus,input[type="password"]:not(:disabled).hover,input[type="password"]:not(:disabled):focus,input[type="password"]:not(:disabled):hover,input[type="text"]:not(:disabled).focus,input[type="text"]:not(:disabled).hover,input[type="text"]:not(:disabled):focus,input[type="text"]:not(:disabled):hover,input[type="email"]:not(:disabled).focus,input[type="email"]:not(:disabled).hover,input[type="email"]:not(:disabled):focus,input[type="email"]:not(:disabled):hover{background-color:var(--white);box-shadow:inset 0 0 0 0.1rem var(--primary-color-light),0 0 0 0.3rem var(--primary-color-very-light)}input[type="text"]:not(:disabled).active,input[type="text"]:not(:disabled):active,input[type="password"]:not(:disabled).active,input[type="password"]:not(:disabled):active,input[type="text"]:not(:disabled).active,input[type="text"]:not(:disabled):active,input[type="email"]:not(:disabled).active,input[type="email"]:not(:disabled):active{background-color:var(--white);box-shadow:inset 0 0 0 0.1rem var(--primary-color-light)}input[type="text"]:disabled,input[type="password"]:disabled,input[type="text"]:disabled,input[type="email"]:disabled{background-color:var(--light-grey);color:var(--dark-grey);cursor:default}.checkbox{display:flex;align-items:center;margin:0.5rem 0}.checkbox label{margin:0;padding-left:1rem;cursor:pointer}.checkbox input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--light-grey);width:1.25rem;height:1.25rem;border-radius:5px;margin:0;background-color:var(--white);transition:ease all 0.2s;cursor:pointer}.checkbox input.focus,.checkbox input.hover,.checkbox input:focus,.checkbox input:hover{box-shadow:0 0 0 0.3rem var(--primary-color-very-light);border-color:var(--primary-color-light)}.checkbox input:checked{border-color:var(--primary-color-light);background-color:var(--primary-color);background-image:url("../images/icons/check_white.svg");background-position:center;background-repeat:no-repeat;background-size:contain}.radio-select{display:flex;align-items:center;margin:0.5rem 0}.radio-select label{margin:0;padding-left:1rem;cursor:pointer}.radio-select input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--light-grey);width:1.25rem;height:1.25rem;border-radius:50%;margin:0;background-color:var(--white);transition:ease all 0.2s;cursor:pointer}.radio-select input.focus,.radio-select input.hover,.radio-select input:focus,.radio-select input:hover{box-shadow:0 0 0 0.3rem var(--primary-color-very-light);border-color:var(--primary-color-light)}.radio-select input:checked{border-color:var(--primary-color-light);box-shadow:inset 0 0 0 0.3rem var(--primary-color)}.select,select{padding:0.6rem 1rem;border:none;border-radius:var(--general-radius);transition:ease all 0.2s;box-shadow:inset 0 0 0 0.1rem var(--light-grey);-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:3rem;background-color:var(--white);color:var(--dark-grey);background-image:url("../images/icons/arrow_down.svg");background-repeat:no-repeat;background-position:calc(100% - 1rem) 55%;background-size:0.85rem;width:100%;cursor:pointer}.select.focus,.select.hover,.select:focus,.select:hover,select.focus,select.hover,select:focus,select:hover{box-shadow:inset 0 0 0 0.1rem var(--primary-color-light),0 0 0 0.3rem var(--primary-color-very-light)}.select.active,.select:active,select.active,select:active{box-shadow:inset 0 0 0 0.1rem var(--primary-color-light)}input[type=range]{-webkit-appearance:none;width:100%;background:none}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--light-grey)}input[type=range]:focus::-ms-fill-lower{background:none;background-color:var(--light-grey)}input[type=range]:focus::-ms-fill-upper{background:none;background-color:var(--light-grey)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid var(--light-grey);height:1.25rem;width:1.25rem;border-radius:50%;background:var(--white);cursor:pointer;margin-top:calc(-.325rem - 1px);box-shadow:0 2px 5px var(--light-grey)}input[type=range]::-moz-range-thumb{border:1px solid var(--light-grey);height:1.25rem;width:1.25rem;border-radius:50%;background:var(--white);cursor:pointer;box-shadow:0 2px 5px var(--light-grey)}input[type=range]::-ms-thumb{border:1px solid var(--light-grey);margin:.625rem 0;height:1.25rem;width:1.25rem;border-radius:50%;background-color:var(--white);cursor:pointer;box-shadow:0 0 0 1px var(--light-grey),0 2px 5px var(--light-grey);overflow:visible;display:block}input[type=range]::-webkit-slider-runnable-track{width:100%;height:0.6rem;cursor:pointer;box-shadow:none;background:var(--light-grey);border-radius:1rem;border:none}input[type=range]::-moz-range-track{width:100%;height:0.6rem;cursor:pointer;box-shadow:none;background:var(--light-grey);border-radius:1rem;border:none}input[type=range]::-ms-track{width:100%;height:0.6rem;cursor:pointer;background-color:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{appearance:none;background:none;background-color:var(--light-grey);border:none;border-radius:1rem 0 0 1rem;box-shadow:none}input[type=range]::-ms-fill-upper{appearance:none;background:none;background-color:var(--light-grey);border:none;border-radius:0 1rem 1rem 0;box-shadow:none}input[type=range]::-moz-range-track{width:100%;height:0.6rem;cursor:pointer;animate:0.2s;background-color:var(--light-grey);border-radius:1rem;border:none}textarea{resize:none;width:100%;border:none;box-shadow:inset 0 0 0 0.1rem var(--light-grey);margin:.5rem 0;border-radius:var(--general-radius);padding:.6rem 1rem;background:none;transition:ease all .2s;font-family:inherit}textarea:not(:disabled).focus,textarea:not(:disabled).hover,textarea:not(:disabled):focus,textarea:not(:disabled):hover{background-color:var(--white);box-shadow:inset 0 0 0 0.1rem var(--primary-color-light),0 0 0 0.3rem var(--primary-color-very-light)}textarea:not(:disabled).active,textarea:not(:disabled):active{background-color:var(--white);box-shadow:inset 0 0 0 0.1rem var(--primary-color-light)}input[type=color]{border:none;padding:0;cursor:pointer}ul{margin:0;list-style:none;outline:none}ul.disc-list{list-style:disc;margin-left:1.5rem}ul.disc-list li{margin-bottom:.5rem}.clearfix:after{content:".";clear:both;display:block;visibility:hidden;height:0px}.no-margin{margin:0 !important}.flex-box{display:flex;align-items:center;justify-content:space-between;flex-direction:column}@media screen and (min-width: 768px){.flex-box{flex-direction:row}}.visually-hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.hidden{display:none !important}.center{margin-left:auto;margin-right:auto}.logo{margin:0;display:flex;align-items:center;text-decoration:none;font-size:1.5rem;line-height:100%}.logo span{font-family:"Verdana", "sans-serif";font-weight:bold;display:inline;color:var(--black);line-height:100%;white-space:nowrap}.logo span:first-child{color:var(--primary-color)}@keyframes animate-fall{0%{transform:translateY(-50%);opacity:0;visibility:hidden}100%{transform:translateY(0);opacity:1;visibility:visible}}@keyframes animate-zoom-in{0%{transform:scale(0.7);opacity:0;visibility:hidden}100%{transform:scale(1);opacity:1;visibility:visible}}body,html{margin:0;padding:0}html{position:relative;min-height:100%}body{background-color:var(--secondary-color);min-height:100vh}pre{overflow-x:scroll;overflow-y:hidden;margin-bottom:1rem}.section-wrapper-clear,.section-wrapper-grey,.section-wrapper-white,footer{padding:2rem 1rem}@media screen and (min-width: 1100px){.section-wrapper-clear,.section-wrapper-grey,.section-wrapper-white,footer{padding:3rem calc((100% - 1100px) / 2)}}@media screen and (min-width: 1600px){.section-wrapper-clear,.section-wrapper-grey,.section-wrapper-white,footer{padding:4rem calc(20% / 2)}}.section-wrapper-clear:before{content:'';position:absolute;background-image:url("/images/bg.jpg");background-attachment:fixed;background-repeat:no-repeat;background-size:cover;background-position:center;top:0;right:0;left:0;bottom:0;z-index:-1}.section-wrapper-clear{background-image:var(--primary-color-light-gradient);position:relative;padding-top:5.4rem;text-align:center}@media screen and (min-width: 1100px){.section-wrapper-clear{padding-bottom:2rem}}.section-wrapper-clear h1{margin:0}.section-wrapper-white{background-color:var(--secondary-color)}.section-wrapper-grey{background-color:var(--very-light-grey)}article{margin-bottom:3rem}.card-wrapper{padding:2rem;border-radius:var(--general-radius);background-color:var(--white);margin:auto}.card-wrapper button{width:100%}.link-card{display:inline-flex;width:100%;max-width:280px;margin:.5rem 0;padding:.5rem 1rem;background-color:var(--white);text-align:left;align-items:center;transition:ease-out .2s;box-shadow:0 2px 5px var(--shadow);border-radius:var(--general-radius);text-decoration:none}@media screen and (min-width: 500px){.link-card{margin:.5rem .5rem 1rem}}@media screen and (min-width: 1600px){.link-card{max-width:320px}}.link-card svg{display:table-cell;vertical-align:middle;width:auto;height:4rem}.link-card svg *{fill:var(--primary-color) !important}.link-card span{padding-left:1rem;display:table-cell;vertical-align:middle;width:100%;font-size:1rem}.link-card:hover,.link-card:active,.link-card:focus{transform:scale(1.05);box-shadow:0 5px 15px -6px var(--shadow);text-decoration:none}header{position:fixed;top:0;width:100%;z-index:201;height:3.4rem;background-color:var(--secondary-color);box-shadow:0 2px 5px var(--shadow);transition:ease-out top 0.2s}header nav{display:flex;justify-content:space-between;width:100%;height:100%;max-width:1100px;margin:0 auto;z-index:202}@media screen and (min-width: 1600px){header nav{max-width:80%}}header nav a,header nav button{border:none;background:none;text-decoration:none;padding:0 0.7rem;transition:ease all 0.1s;margin:0;display:block;color:var(--dark-grey);font-size:1rem;cursor:pointer}@media screen and (min-width: 1100px){header nav a,header nav button{font-size:.85rem;display:flex;align-items:center;height:100%}}header nav a:active,header nav a:focus,header nav a:hover,header nav button:active,header nav button:focus,header nav button:hover{background-color:var(--super-light-grey);color:var(--black)}@media screen and (min-width: 1100px){header nav a:active,header nav a:focus,header nav a:hover,header nav button:active,header nav button:focus,header nav button:hover{background-color:var(--very-light-grey)}}header nav .responsive-wrapper{width:100%;max-width:400px;position:absolute;top:3.4rem;right:-410px;background-color:var(--secondary-color);box-shadow:0 7px 5px 2px var(--shadow),inset 0 7px 5px -5px var(--shadow);padding:1rem 0;overflow-y:scroll;height:calc(100vh - 3.4rem);transition:ease-out all 0.2s}@media screen and (min-width: 1100px){header nav .responsive-wrapper{max-width:unset;position:initial;height:3.4rem;overflow:visible;background:none;box-shadow:none;padding:0;display:flex;justify-content:space-between}}header nav .responsive-wrapper.active{right:0}@media screen and (min-width: 1100px){header nav .responsive-wrapper .flex-wrapper{display:flex}}header nav .responsive-wrapper .animate-fade-in{display:none}@media screen and (min-width: 1100px){header nav .responsive-wrapper .animate-fade-in{display:block}}@media screen and (min-width: 1100px){header nav .responsive-wrapper .nav-entry{display:block;height:100%}}header nav .responsive-wrapper .nav-entry a,header nav .responsive-wrapper .nav-entry button{width:100%;text-align:center;padding:0.6rem 1rem}header nav .responsive-wrapper .logout{text-align:center}@media screen and (min-width: 1100px){header nav .responsive-wrapper .logout{float:right;display:flex;align-items:center}header nav .responsive-wrapper .logout a{height:auto;padding:.5rem 1rem}}header nav .responsive-wrapper .logout a{display:inline-block;width:auto}header nav .responsive-wrapper .settings-button svg{width:1.8rem;height:100%}header nav .responsive-wrapper .settings-button svg *{fill:var(--primary-color) !important}header nav .responsive-wrapper .nav-dropdown{position:relative}header nav .responsive-wrapper .nav-dropdown button{position:relative}@media screen and (min-width: 1100px){header nav .responsive-wrapper .nav-dropdown button{padding-right:2.5rem}}header nav .responsive-wrapper .nav-dropdown button.active svg{transform:translateY(-0.15rem) rotate(180deg)}header nav .responsive-wrapper .nav-dropdown button svg{position:absolute;right:.8rem;top:calc(50% - .35rem);height:1rem;transition:ease all .2s}header nav .responsive-wrapper .nav-dropdown .nav-dropdown-content{background-color:var(--white)}@media screen and (min-width: 1100px){header nav .responsive-wrapper .nav-dropdown .nav-dropdown-content{position:absolute;top:3.4rem;box-shadow:0 2px 5px var(--shadow)}header nav .responsive-wrapper .nav-dropdown .nav-dropdown-content a{display:block;text-align:left;white-space:nowrap;height:auto}}@media screen and (min-width: 1100px){.hamburger-btn{display:none}}.hamburger-btn .hamburger{cursor:pointer;width:2rem;position:relative;padding:0.9rem 0}.hamburger-btn .hamburger .bar,.hamburger-btn .hamburger .bar::after,.hamburger-btn .hamburger .bar::before{transition:0.2s background linear 0.1s, 0.2s top linear 0.2s, 0.2s -webkit-transform linear;transition:0.2s background linear 0.1s, 0.2s top linear 0.2s, 0.2s transform linear;transition:0.2s background linear 0.1s, 0.2s top linear 0.2s, 0.2s transform linear, 0.2s -webkit-transform linear;position:absolute;background:var(--black);margin:auto;width:100%;height:0.2rem;content:'';top:calc(50% + .1rem);left:0;border-radius:10px}.hamburger-btn .hamburger .bar{margin-top:-0.2rem}.hamburger-btn .hamburger .bar::before{top:-0.6rem}.hamburger-btn .hamburger .bar::after{top:0.6rem}.hamburger-btn .hamburger .bar::after,.hamburger-btn .hamburger .bar::before{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.hamburger-btn .hamburger.active .bar{background:0}.hamburger-btn .hamburger.active .bar::before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamburger-btn .hamburger.active .bar::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hamburger-btn .hamburger.active .bar::after,.hamburger-btn .hamburger.active .bar::before{top:0}.hamburger-btn .hamburger.active .bar,.hamburger-btn .hamburger.active .bar::after,.hamburger-btn .hamburger.active .bar::before{transition:0.2s background linear 0.1s, 0.2s top linear, 0.2s -webkit-transform linear 0.2s;transition:0.2s background linear 0.1s, 0.2s top linear, 0.2s transform linear 0.2s;transition:0.2s background linear 0.1s, 0.2s top linear, 0.2s transform linear 0.2s, 0.2s -webkit-transform linear 0.2s}footer{border-top:1px solid var(--light-grey);position:relative;overflow:hidden}footer .footer-grid{display:flex;flex-direction:column;grid-row-gap:2rem;margin-bottom:3rem}@media screen and (min-width: 650px){footer .footer-grid{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:auto;grid-column-gap:1rem}}@media screen and (min-width: 1000px){footer .footer-grid{grid-template-columns:repeat(4, 1fr)}}footer .footer-grid .jE-logo{font-size:2rem}footer .footer-grid a{text-decoration:none;color:var(--grey);font-weight:600}footer .footer-grid a:hover,footer .footer-grid a:focus,footer .footer-grid a:active{color:var(--dark-grey)}footer .footer-grid p{color:var(--grey);margin:0}footer .watermark{position:absolute;font-size:24rem;top:5rem;left:-2rem;z-index:-1;opacity:.05}@media screen and (min-width: 1000px){footer .watermark{font-size:32vw;top:2vw;left:-6vw}}footer .watermark span{color:var(--primary-color)}[id^=dropdown-content]{display:none}[id^=dropdown-content].active{display:block}.fullscreen-shadow{position:fixed;top:0;bottom:0;right:0;left:0;background-color:var(--dark-grey);z-index:300;display:none}.fullscreen-shadow .modalBox{box-shadow:0 0 200px 20px var(--shadow);background-color:var(--white);position:relative;max-width:450px;top:2rem;margin:auto;width:calc(100% - 2em)}.fullscreen-shadow .modalBox .modal-header{display:grid;grid-template:auto/calc(100% - 3.8em) 3.8em}.fullscreen-shadow .modalBox .modal-header h3{color:var(--dark-grey);margin:0;padding:1rem;grid-column:1;grid-row:1;text-align:left}.fullscreen-shadow .modalBox .modal-header button{background-color:var(--white);border:none;border-left:0.1rem solid var(--very-light-grey);margin:0;padding:0;grid-column:2;grid-row:1;width:100%;display:flex;align-items:center;cursor:pointer;transition:ease all .2s}.fullscreen-shadow .modalBox .modal-header button:hover,.fullscreen-shadow .modalBox .modal-header button:focus,.fullscreen-shadow .modalBox .modal-header button:active{border-left:0.1rem solid var(--light-grey)}.fullscreen-shadow .modalBox .modal-header button:hover svg *,.fullscreen-shadow .modalBox .modal-header button:focus svg *,.fullscreen-shadow .modalBox .modal-header button:active svg *{fill:var(--dark-grey) !important}.fullscreen-shadow .modalBox .modal-header button svg{margin:auto;height:2rem;width:2rem}.fullscreen-shadow .modalBox .modal-header button svg *{transition:ease all .2s;fill:var(--grey) !important}.fullscreen-shadow .modalBox .modal-header div{padding:1em;border-top:1px solid var(--very-light-grey);border-bottom:1px solid var(--light-grey);grid-row:2;grid-column-start:1;grid-column-end:3}.fullscreen-shadow .modalBox .modal-header div fieldset{text-align:center;margin:0}.fullscreen-shadow .modalBox .modal-header div input{width:100%;max-width:250px;margin:auto}.fullscreen-shadow .modalBox .modal-content{padding:2em 2em 0;background-color:var(--very-light-grey);overflow-y:scroll;max-height:calc(100vh - 13rem)}.fullscreen-shadow .modalBox .modal-content .info{padding:0.5em 1em;margin:0.5em 0 0;background-color:var(--white);border-radius:5px;line-height:1.4em}.fullscreen-shadow .modalBox .modal-content:after{content:"";display:block;height:2em;width:100%}.fullscreen-shadow .modalBox .modal-content .lang{display:flex;align-items:center}.fullscreen-shadow .modalBox .modal-content .lang img{height:.9rem;padding-right:.5rem;margin-bottom:-.1rem}.fullscreen-shadow .modalBox .modal-content .button-list-item{margin:.5rem 0}.fullscreen-shadow .modalBox .modal-content .button-list-item button{width:100%;text-align:left;padding-right:2rem}.fullscreen-shadow .modalBox .modal-content .button-list-item button.add-icon{box-shadow:inset 0 0 0 0.1rem var(--light-grey)}.fullscreen-shadow .modalBox .modal-content .button-list-item button:hover,.fullscreen-shadow .modalBox .modal-content .button-list-item button:focus,.fullscreen-shadow .modalBox .modal-content .button-list-item button:active{opacity:.7}.fullscreen-shadow .modalBox .modal-content .calendar-form{display:grid;grid-template:repeat(3, 1fr)/auto}@media screen and (min-width: 500px){.fullscreen-shadow .modalBox .modal-content .calendar-form{grid-template:auto/repeat(3, 1fr);grid-gap:1rem}}.fullscreen-shadow .modalBox .modal-content .ics-box .checkbox label{padding:0 1rem;border-radius:.5rem;margin-left:1rem}.fullscreen-shadow .modalBox .modal-footer{padding:1em;background-color:var(--white);text-align:center}.fullscreen-shadow .modalBox .modal-footer button{margin:0 .5rem}.messageBox{width:calc(100% - 1em);max-width:450px;margin:auto;position:fixed;background-color:var(--very-light-grey);box-shadow:0 3px 5px var(--shadow);top:-100%;right:0.5em;transition:ease all 0.4s;z-index:500}.messageBox h3{margin:0;padding:0.6rem 1rem;font-size:1.2rem}.messageBox div{display:grid;grid-template:auto/calc(100% - 3em) 3em;background-color:var(--white)}.messageBox .close-button{background-color:var(--white);border:none;border-left:0.1rem solid var(--light-grey);margin:0;padding:0;grid-column:2;grid-row:1;width:100%;display:flex;align-items:center;cursor:pointer;transition:ease all .2s}.messageBox .close-button:hover,.messageBox .close-button:focus,.messageBox .close-button:active{border-left:0.1rem solid var(--light-grey)}.messageBox .close-button:hover svg *,.messageBox .close-button:focus svg *,.messageBox .close-button:active svg *{fill:var(--dark-grey) !important}.messageBox .close-button svg{margin:auto;height:2rem;width:2rem}.messageBox .close-button svg *{transition:ease all .2s;fill:var(--grey) !important}.messageBox .removeButton img{width:21px;position:absolute;top:calc(50% - 10px);left:calc(50% - 10px)}.messageBox p{padding:1rem;margin:0}.messageBox p button{display:block;padding:0.5em 3em;margin:0.5rem 0}.error-box{padding:1rem;box-shadow:inset 0 0 0 0.1rem var(--red);border-radius:var(--general-radius);line-height:150%;margin-bottom:1rem;color:var(--red) !important}.error-box *{color:var(--red) !important}.error-box-global{padding:1rem;box-shadow:inset 0 0 0 0.1rem var(--red);border-radius:var(--general-radius);line-height:150%;margin-bottom:1rem;display:flex;align-items:center}.error-box-global img{width:auto}.error-box-global .text{width:100%;padding-left:1rem}.error-box-global .text p{margin:0}.error-box-global .text p.answer{margin-top:1rem}.error-box-global *{color:var(--red) !important}.success-box{padding:1rem;box-shadow:inset 0 0 0 0.1rem var(--green);border-radius:var(--general-radius);line-height:150%;margin-bottom:1rem}.success-box *{color:var(--green) !important}.tab-wrapper{display:inline-block;background-color:var(--white);border-radius:5rem;transition:ease all .2s}.tab-wrapper .tab-button{padding:.5rem 2rem;display:inline-block;margin:0;border-radius:5rem;box-shadow:0 0 -5px var(--shadow);color:var(--grey)}.tab-wrapper .tab-button.active{background:var(--primary-color-gradient);color:var(--white)}.tab-wrapper .tab-button:hover,.tab-wrapper .tab-button:focus,.tab-wrapper .tab-button:active{color:var(--black)}.tab-wrapper .tab-button.active:hover,.tab-wrapper .tab-button.active:focus,.tab-wrapper .tab-button.active:active{color:var(--white);box-shadow:0 2px 5px var(--light-grey)}.feedback-button{position:fixed;top:50%;left:0;background:var(--primary-color);color:var(--white);padding:3rem 1rem .5rem;font-weight:bold;text-decoration:none !important;transform:rotate(-90deg);margin:0 -3.5rem 0;transition:all .2s;letter-spacing:1px;box-shadow:0 0 10px 2px rgba(0,0,0,0.2),0 0 4px 1px rgba(0,0,0,0.3);display:none}.feedback-button:hover,.feedback-button:focus,.feedback-button:active{margin-left:-2.5rem}@media screen and (min-width: 1100px){.feedback-button{display:block}}.exercise .two-col{margin:2rem 0;display:grid;grid-template:auto / 100%;grid-row-gap:2rem}@media screen and (min-width: 1100px){.exercise .two-col{grid-template:auto/repeat(2, 1fr);grid-column-gap:4rem}}.exercise .two-col img{width:100%;max-width:25rem;box-shadow:0 0 0.1rem var(--dark-grey)}.exercise .two-col .code{max-width:25rem}.exercise .two-col input{margin-bottom:.5rem}.exercise #code ol{padding-left:1.5rem;list-style:decimal}.exercise .validate-button{display:flex;align-items:center}.exercise .validate-button.fill-danger{animation:shake .6s}@keyframes shake{0%{transform:translateX(0.8rem)}15%{transform:translateX(-0.8rem)}30%{transform:translateX(0.4rem)}45%{transform:translateX(-0.4rem)}60%{transform:translateX(0.2rem)}75%{transform:translateX(-0.2rem)}90%{transform:translateX(0.1rem)}100%{transform:translateX(0)}}.exercise .validate-button .icon-wrapper{display:none;margin-left:.5rem}.exercise .validate-button .icon-wrapper svg{width:1.5rem;display:none}.exercise .validate-button .icon-wrapper.load{display:block}.exercise .validate-button .icon-wrapper.load .load{display:block}.exercise .validate-button .icon-wrapper.check{display:block}.exercise .validate-button .icon-wrapper.check .check{display:block}.exercise .validate-button .icon-wrapper.cross{display:block}.exercise .validate-button .icon-wrapper.cross .cross{display:block}.exercise .validate-button .icon-wrapper .load{animation:loading 3s linear infinite}.exercise .validate-button .icon-wrapper .load #loading-inner{stroke-dashoffset:0;stroke-dasharray:300;stroke-width:10;stroke-miterlimit:10;stroke-linecap:round;animation:loading-circle 2s linear infinite;stroke:var(--white);fill:transparent}@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes loading-circle{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-600}}.exercise .validate-button .icon-wrapper .check polyline{stroke:var(--white);stroke-dasharray:8rem 8rem;stroke-dashoffset:0;animation:stroke-anim .3s linear}@keyframes stroke-anim{0%{stroke-dashoffset:8rem}100%{stroke-dashoffset:0}}.exercise .validate-button .icon-wrapper .cross polyline{stroke:var(--white)}.editor{position:relative;height:20rem}.editor span{color:var(--white)}