.browserupgrade{text-align:center;margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}html{color:#222;font-size:1em;line-height:1.4;height:100%}body{min-width:1045px;min-height:100%;height:100%;display:flex;flex-direction:column}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}header{box-sizing:border-box;background-color:#9AA2AC;background:linear-gradient(0deg, #fff 30%, #9AA2AC 40%);color:white;padding:1em 3em 0 3em}header nav{display:flex;justify-content:center;align-items:center;height:50px}header nav a{text-decoration:none;cursor:pointer;display:inline-block;text-shadow:1px 1px 0 rgba(0,0,0,0.4);border:1px solid #080808;border-left:0;color:#ffffff;padding:0.3em 1em;background:#3c3c3c;background:linear-gradient(0deg, #3c3c3c 0%, #222 50%, #3c3c3c 100%)}header nav a i{margin-right:0.5ex}header nav a:hover{background:#080808;background:linear-gradient(0deg, #3c3c3c 0%, #080808 50%, #3c3c3c 100%)}header nav a.active{background:#947878;background:linear-gradient(0deg, #3c3c3c 0%, #947878 50%, #3c3c3c 100%)}header nav a:first-child{margin-right:auto;border:0;background:transparent}header nav a:last-child{margin-left:auto;border:0;background:transparent}header nav a:nth-child(3){border-radius:1ex 0 0 1ex;border-left:1px solid #080808}header nav a:nth-last-child(2){border-radius:0 1ex 1ex 0}header nav a:nth-child(2){background:transparent;padding:0;border:0;margin-right:1ex}header nav a:nth-child(2):hover{color:black}header nav a:first-child:hover,header nav a:last-child:hover{box-shadow:0px 35px 15px -20px rgba(0,0,0,0.75)}header>img{display:block;max-width:100%}header>h1{color:black;font-size:1.5em}header>h2{color:black;font-size:1.5em}header h1,header h2{text-align:center;margin:0.4em 0}header h1 small,header h2 small{font-size:70%}header h1 small:before,header h2 small:before{content:'-';margin:0 1ex}header h2+h1{font-size:0.8em;position:absolute;top:0;left:50%;transform:translate(-50%, 0%);color:white;margin:0;padding:0}header h2+h1 small{font-size:100%}footer{box-sizing:border-box;background-color:#9AA2AC;color:white;background:linear-gradient(180deg, #fff 0%, #9AA2AC 50%);display:flex;flex-flow:row nowrap;justify-content:space-around;margin-top:auto;padding:2em 3em 1em 3em;min-height:4em}footer a{color:white;text-decoration:none}footer a:hover{text-decoration:underline}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}main{width:960px;margin:0 auto;box-sizing:border-box;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.75);padding:1em;position:relative;z-index:2}main img{max-width:100%}main p{margin-bottom:1em}main pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f7f7f7;border-radius:3px}main pre code{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}main blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd}main code{padding:0;padding-top:0.2em;padding-bottom:0.2em;margin:0;font-size:85%;background-color:rgba(0,0,0,0.04);border-radius:3px}main details{position:relative;font-size:0.8em;margin-top:0.5ex}main details summary{outline:0;cursor:pointer}main details[open] summary{position:absolute;top:0;left:-2.5em;transform:translate(-100%, 0%) rotate(-90deg);transform-origin:100% 0%;border-bottom:1px solid #ccc}main details[open] section{min-height:5em}main blockquote.task{border:0;padding:1em;margin:0 auto;width:60%;border-radius:1em;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.75)}main blockquote.task p b{color:black;font-weight:bold}main #extra-task{text-align:right;color:black;padding-right:1ex}main #extra-task:before{content:'';display:none}main #extra-task ~ p{text-align:right}main a{color:#4078c0;text-decoration:none;cursor:pointer}main a:hover{text-decoration:underline}main blockquote hr{display:block;border:0;padding:0;margin:1em 0;height:0.2em;border:0;background-color:#e7e7e7}main>hr{display:none}main>hr.force{display:block}main img{max-width:100%}main iframe{max-width:100%}main ul li{list-style:circle}main ol li{margin-bottom:1em}main ol li>p{margin:0}main dl dd{margin-bottom:1em}main table thead tr{background-color:#9AA2AC;color:black;background:linear-gradient(0deg, #9AA2AC 0%, #fff 50%, #9AA2AC 100%)}main table thead tr th{font-weight:bold;border:1px solid #cccccc;margin:0;padding:1ex 1em}main table tbody tr:nth-child(2n){background-color:#f8f8f8}main table tbody tr td{border:1px solid #cccccc;margin:0;padding:1ex 1em}main>h1{clear:both;position:relative;left:-0.5em;margin-right:-1em;padding-left:0.5em;background-color:#9AA2AC;color:white;background:linear-gradient(270deg, #fff 0%, #9AA2AC 50%)}main>h1:before{content:"\00BB";display:inline-block;margin-right:1ex;padding:0;line-height:1}main>h1.collapse-trigger{cursor:pointer}main>h1.collapse-trigger+section{display:none}main>h1.collapse-trigger.open+section{display:block}main>h1.collapse-trigger:before{content:"\25B6";font-size:50%;width:1em;height:1em;text-align:center;transform-origin:33% 50%}main>h1.collapse-trigger.open:before{content:"\25BC";transform-origin:50% 33%}main>h1.collapse-trigger:hover:before{animation:rotate 1.5s infinite;animation-timing-function:linear}main>h1 a.header-link{margin-left:1em;font-size:50%;padding:0.25em;display:inline-block;color:black;visibility:hidden;position:relative;top:-0.25em}main>h1 a.header-link:hover{background:#ccc}main>h1:hover a.header-link{visibility:visible}main .collapse-menu{float:right;display:block;margin-left:1ex;position:relative;top:-1ex}main .collapse-menu:hover{cursor:pointer;color:red}main ol.exercise li>a:before{background:url("https://nbisweden.github.io/NGScourse/img/emac.png");background:url("https://nbisweden.github.io/NGScourse/img/emac.png"),linear-gradient(0deg, #a3dafb 10%, #1c2e68 50%, #6f8eb8 90%)}main ol.lecture li>a:before{background:url("https://nbisweden.github.io/NGScourse/img/keynote.png");background:url("https://nbisweden.github.io/NGScourse/img/keynote.png"),linear-gradient(0deg, #a3dafb 10%, #1c2e68 50%, #6f8eb8 90%)}main ol#topics{display:flex;flex-flow:row wrap;justify-content:center;list-style-type:none;margin:0;padding:1em;counter-reset:items}main ol#topics li{position:relative;display:block;width:40%;box-sizing:border-box;list-style-type:none;margin:1em}main ol#topics li>a{display:block;padding:2em 1em;text-align:center;text-decoration:none;background-color:#eee;border-radius:1ex}main ol#topics li>a:hover{box-shadow:0px 0px 20px 0px rgba(0,0,0,0.75)}main ol#topics li>a:hover:before{box-shadow:0px 0px 20px 0px rgba(0,0,0,0.75)}main ol#topics li>a:before{box-shadow:1px 1px 10px 0px rgba(0,0,0,0.75);content:counter(items);counter-increment:items;background-color:#142142;color:white;background-repeat:no-repeat;background-position:center right;background-size:contain;position:absolute;top:0;left:0;z-index:10;box-sizing:content-box;border-radius:1ex 0 1ex 0;padding:0.5ex 4ex 0.5ex 1ex;width:2ex;text-align:center}main ol#topics li p.notebook-links{text-align:right}main ol#topics li p.notebook-links a{margin-left:4px}body main nav{display:flex;flex-flow:row wrap;justify-content:center;padding:0 1em;margin-top:-1em}body main nav a{position:relative;padding:0.3em 1em;margin:0 0.5em;text-decoration:none;color:#444444;display:block;-webkit-transition:color .2s ease;transition:color .2s ease}body main nav a:hover{color:#fff;background:#47c9af;text-decoration:none;border-bottom:1px solid black;z-index:1}body main nav a.active{color:#000;background:#47c9af;border-bottom:1px solid black;z-index:2}body main nav a:hover:before,body main nav a.active:before{content:"";position:absolute;top:0;bottom:0;left:-10px;z-index:3;width:15px;height:100%;transform:skewX(10deg);border-radius:0 0 0 1ex;background:#47c9af;border-bottom:1px solid black;border-left:1px solid black}body main nav a:hover:after,body main nav a.active:after{content:"";position:absolute;top:0;bottom:0;right:-10px;z-index:3;width:15px;height:100%;transform:skewX(-10deg);border-radius:0 0 1ex 0;background:#47c9af;border-bottom:1px solid black;border-right:1px solid black}@media only screen and (min-device-width: 320px) and (max-device-width: 568px){body{margin:0;padding:0;min-width:auto;display:block}main,header,footer{width:auto}header{display:flex;flex-direction:column;background:linear-gradient(0deg, #fff 0%, #9AA2AC 25%);justify-content:space-between;padding:0}header nav{display:none}header h1{font-size:1em;text-align:center;margin:1em 0;color:white}header h2+h1{position:static;order:1;transform:none;text-align:center}header h2{order:2}main{box-shadow:none;padding:1ex}main h1,main h2{font-size:1em;padding-top:0.3em;padding-bottom:0.3em}main h1:before{content:'';display:none}main blockquote{color:#777;border:0;padding:1ex;border-radius:3px;margin:1ex;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.75)}main blockquote p{margin:0}main ol#topics{display:block;margin:initial;padding:initial;list-style-type:decimal}main ol#topics li{display:list-item;min-width:auto;border:0;list-style-type:decimal;margin-left:2em;padding:initial;border-radius:0}main ol#topics li a{display:initial;text-align:left;margin:initial;padding:initial;background:none}main ol#topics li a:before{display:none}main ol#topics li a:hover{box-shadow:none}}