*,*::before,*::after{box-sizing:inherit;margin:0;padding:0;text-decoration:none}html{box-sizing:border-box;-ms-overflow-style:scrollbar;font-family:Arial,sans-serif;scroll-behavior:smooth}body{display:flex;flex-direction:column;min-height:100vh;background-color:#f9f9f9}hr{margin:10px 0}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media(min-width: 576px){.container{max-width:540px}}@media(min-width: 768px){.container{max-width:720px}}@media(min-width: 992px){.container{max-width:960px}}@media(min-width: 1200px){.container{max-width:1140px}}@media(min-width: 1400px){.container{max-width:1320px}}@media(min-width: 1600px){.container{max-width:1440px}}@media(min-width: 1920px){.container{max-width:1600px}}@media(min-width: 2560px){.container{max-width:1920px}}@media(min-width: 3840px){.container{max-width:2400px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}@media print{.print-a4{max-height:1000px}}#main{display:block;padding:20px 0;flex-grow:1}a.skip-main{left:-999px;position:absolute;top:auto;width:1px;height:1px;overflow:hidden;z-index:-999}a.skip-main:focus,a.skip-main:active{color:#b2b2b2;background-color:#222;left:auto;top:auto;width:30%;height:auto;overflow:auto;margin:10px 35%;padding:5px;border-radius:10px;border:4px solid #000;text-align:center;font-size:1.2em;z-index:999}nav{display:flex;justify-content:space-between;align-items:center;height:60px;width:100%;background-color:#222;position:relative;z-index:1;box-shadow:0 3px 10px 0 rgba(0,0,0,.5)}nav .nav-header{display:inline}nav .nav-header .nav-title a{display:inline-block;font-size:22px;line-height:30px;color:#b2b2b2;background-color:#222;padding:15px}nav .nav-header .nav-title a:active{color:#fff;background-color:#000}nav .nav-header .nav-title a:hover{cursor:pointer;color:#fff}nav .nav-btn{display:none}nav .nav-btn label:hover{cursor:pointer;background-color:#000}nav .nav-links{display:flex;justify-content:end;align-items:center;font-size:18px;line-height:30px}nav .nav-links a{display:inline-block;padding:15px;text-decoration:none;color:#b2b2b2;background-color:#222}nav .nav-links a:active{color:#fff;background-color:#000}nav .nav-links a:hover{cursor:pointer;color:#fff}nav .nav-links a:last-child{display:flex}nav #nav-check{display:none}@media(max-width: 992px){nav .nav-btn{display:inline-block;position:absolute;right:0;top:0}nav .nav-btn label{display:inline-block;width:60px;height:60px;padding:15px}nav .nav-btn label span{display:block;width:30px;height:14px;border-top:2px solid #b2b2b2}nav .nav-links{position:absolute;display:block;width:100%;background-color:#222;height:0;transition:all .3s ease-in;overflow-y:hidden;top:60px;left:0}nav .nav-links a{display:block;width:100%}nav #nav-check:not(:checked)~.nav-links{height:0}nav #nav-check:checked~.nav-links{height:calc(100vh - 60px);overflow-y:auto}}@media print{nav{border:1px solid #222}nav .nav-header .nav-title a{padding:0 15px}}footer{display:flex;flex-direction:column;position:relative;box-shadow:0 3px 10px 0 rgba(0,0,0,.5);background-color:#222;height:100%;width:100%;min-width:215px;padding:10px}@media print{footer{display:none}}footer h3{align-items:center;color:#b2b2b2;background-color:#222;padding:10px}footer #footer-links a{display:flex;align-items:center;color:#b2b2b2;background-color:#222;padding:10px}footer #footer-links a:hover{color:#fff}footer .information{display:flex;flex-direction:column}footer .information .about-website p{display:flex;align-items:center;color:#b2b2b2;background-color:#222;padding:10px}footer .information .external-links{display:flex}footer .information .external-links a{display:flex;align-items:center;color:#b2b2b2;background-color:#222;padding:10px}footer .information .external-links a:focus{outline-offset:-2px}footer .information .external-links a:hover{color:#fff}footer .copyright hr{border-color:#b2b2b2;margin:15px 0}footer .copyright p{display:flex;align-items:center;justify-content:center;color:#b2b2b2;background-color:#222;padding:10px}.col-12,.col-md-6{position:relative;width:100%;padding-right:15px;padding-left:15px}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media(min-width: 768px){.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}.asignments .asignment{margin:10px 0}.asignments .asignment h3.no-link{color:#222;font:18px v,sans-serif}.asignments .asignment h3 a{color:#222;text-decoration:underline;font:100% "v",sans-serif}.asignments .asignment h3 a:hover{color:#0d47a1}