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,font,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;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}p{margin:.5em 0 1em}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#FFF}h1{font-size:2em;line-height:1.5em;text-align:center;margin:5px auto}h2{font-size:1.5em;text-align:center;margin:5px auto}h3{font-size:1em}p{font-size:1em;text-align:center;width:50ch;margin:0 auto;padding:0 50}header{background:linear-gradient(90deg,transparent 0,white 5%,yellow 100%);color:white;flex:auto;padding:5px;box-sizing:border-box;text-align:center}nav{float:left;padding:10px}#menu-icon{display:hidden;width:40px;height:40px;background:transparent url("../img/menu-icon-blue.png") center}a{color:#00F;text-decoration:none}a:hover{color:#FF0;font-weight:700;text-shadow:-5px 5px 15px blue,5px -5px 15px blue}nav ul{list-style:none;position:absolute;top:10px;left:0;z-index:1000000}nav li{display:inline-block;float:left;padding:20px}.current{color:#FFF}.container{display:flex;flex-direction:row;justify-content:space-between;padding:0 5px 5px;margin:5px}.gradientcontainer{border-bottom:5px solid transparent;border-image:linear-gradient(90deg,transparent 0,white 30%,blue 100%);border-image-slice:1;margin-bottom:10px}.about{background:rgba(252,252,252,0.5)}.box{padding:3px;color:black;text-align:center;box-sizing:border-box;/}.box-10{flex:0 0 calc(10% - 3px);display:flex;justify-content:center-left;align-items:center}.box-20{flex:0 0 calc(20% - 3px);display:flex;justify-content:center;align-items:center;background:rgba(242,242,242,0.2);border-radius:15px;margin:10px 0}.box-60{flex:0 0 calc(60% - 3px);display:flex;justify-content:center-left;align-items:center}.box-80{flex:0 0 calc(80% - 3px);display:flex;justify-content:center-left;align-items:center}.box-90{flex:0 0 calc(90% - 3px);display:flex;justify-content:center-left;align-items:center}.box-100{flex:0 0 calc(100% - 3px);display:flex;justify-content:center;align-items:center}.divider{margin:20px 0;height:10px;background:linear-gradient(90deg,blue 0,white 95%,transparent 100%)}img{display:block;max-width:100%;height:auto}.box-20 img{margin:0 auto auto;max-width:100%;height:auto;max-height:100%}.box-60 img{border-radius:5px}.left-image{height:auto;margin-left:5px;margin-right:auto}.right-image{height:auto;margin-left:auto;margin-right:5px}.center-image{position:relative;left:50%;transform:translateX(-50%);height:auto}.placemap,.rightwards{display:flex;flex-direction:column;justify-content:space-between;padding:0 15px;margin:5px}.leftup,.bns{width:100%;max-height:50%;text-align:center}.controls{position:absolute;width:auto;top:5px;right:5px;background:rgba(0,0,0,0.2);background:linear-gradient(0deg,gray 0,transparent 50%,lightgray 100%);padding:10px 20px;text-align:center;line-height:2.0rem;border-radius:5px;box-shadow:2px 2px 3px rgba(0,0,0,0.5);z-index:9999}.controls ul{list-style-type:none;padding:2px;text-align:left}#umea{height:45vh;width:100%;margin:auto;border:groove 3px lightyellow;border-radius:10px 10px 10px 0;box-shadow:-2px 2px 3px #444}#ovik{height:45vh;width:100%;margin:auto;border:groove 3px lightyellow;border-radius:10px 10px 10px 0;box-shadow:-2px 2px 3px #444}.footer{flex:auto;display:flex;padding:5px;background:linear-gradient(90deg,transparent 0,white 5%,blue 100%);color:black}@media(max-width:700px){.container{flex-direction:column;margin:1px;padding:20px 5px}.box{flex:0 0 100%;margin:1px}.box-20{flex:0 0 100%;height:50px;margin:10px}.box-60{flex:0 0 100%;margin:1px}.box-100{flex:0 0 100%;margin:1px}.placemap,.pynt{visibility:collapse}.justifier{display:block}.rightwards{background:radial-gradient(30rem circle at center,blue 0,white 20%,transparent 60%)}.rightwards img{width:50%;height:auto}#umea{height:35vh;width:50vh;margin:auto}#ovik{height:35vh;width:50vh;margin:auto}a{color:#00F;text-decoration:none}#menu-icon{display:block}a:hover{color:#00F;font-weight:700;text-shadow:-5px 5px 15px blue,5px -5px 15px blue}a:hover#menu-icon{background-color:transparent}nav ul,nav:active ul{display:none;position:absolute;padding:10px 0;background:#FF0;border:3px solid #00F;right:0;top:60px;width:20%;border-radius:0 4px 4px}nav li{text-align:center;width:100%;padding:10px 0;margin:0}nav:hover ul{display:block}}