@import url(https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap);
body,html{margin:0;padding:0}
*{box-sizing:border-box}
table{border-collapse:collapse;width:100%;background-color:#ffebb5}
td,th{border:1px solid #000;text-align:left;padding:30px}
tr:nth-child(even){background-color:#ddd}
.felasig{display:none}
body{background:#00b7ff;background:linear-gradient(180deg,rgba(0,183,255,1) 0,rgba(0,194,255,1) 60%)}
#hofud{width:100vw;max-width:100%;height:100vh;max-height:100%}
#bloonlogo{max-height:65%;max-width:65%;width:auto;height:auto;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
#navbar{position:fixed;top:0;color:#fff;z-index:1;font-family:'Luckiest Guy',cursive;background-color:#719b4a;width:100vw;max-width:100%}
.textcenter{text-align:center}
.rightbackground{background-color:#ffebb5;margin:auto;padding-top:30px;padding-bottom:20px}
#articles{background-color:#ffebb5;display:grid;grid-template-rows:auto auto;grid-row-gap:6%;padding-bottom:32%}
.gridcolumn{text-align:right;width:60%;margin:auto;display:grid;grid-template-columns:auto auto;grid-gap:50px;grid-template-rows:auto}
.gridrow{display:grid}
p{font-size:16pt}
.gridimage{width:26em}
.halldor{filter:brightness(-100%) blur(10px)}
.gridcolumn2{text-align:left;width:60%;margin:auto;display:grid;grid-template-columns:auto auto;grid-gap:50px;grid-template-rows:auto}
.fotur{color:#fff;padding-bottom:3%;padding-top:3%;background-color:#222}
ul{list-style-type:none;margin:0;padding:0;overflow:hidden}
li{float:right;font-size:large}
li a{display:block;color:#fff;text-align:center;margin:0;padding:16px 16px;transition:background .25s ease-in-out;text-decoration:none}
li a:hover{margin:0;background-color:#56743b}
.fit{height:18px;overflow:hidden}
.vertmiddle{vertical-align:middle}
#fyrrsig{padding-bottom:3%}
#hador{width:40%}
#gir{width:55%}
#milli{width:45%}
#xqc{width:45%}
@media screen and (min-width:1550px) and (max-width:1840px){
#fyrrsig{padding-bottom:3%}
.fotur{margin:auto}
#hador{width:50%;margin:auto}
#gir{width:65%}
#milli{width:65%}
#xqc{width:65%}
#articles{padding-bottom:42%}
}
@media screen and (min-width:1280px) and (max-width:1550px){
#fyrrsig{padding-bottom:3%}
.fotur{margin:auto}
#hador{width:50%;margin:auto}
#gir{width:65%}
#milli{width:65%}
#xqc{width:65%}
#hallbjorn{width:65%}
#articles{padding-bottom:52%}
}
@media screen and (min-width:1082px) and (max-width:1280px){
#fyrrsig{padding-bottom:3%}
.fotur{margin:auto}
#hador{width:100%;margin:auto}
#gir{width:100%}
#milli{width:100%}
#xqc{width:100%}
#hallbjorn{width:100%}
#articles{padding-bottom:67%}
.gridcolumn img,.gridcolumn2 img{display:block;margin-left:auto;margin-right:auto;width:80%}
.gridcolumn,.gridcolumn2{width:70%!important}
}
@media screen and (min-width:960px) and (max-width:1082px){
#fyrrsig{padding-bottom:3%}
.fotur{margin:auto}
#hador{width:100%;margin:auto}
#gir{width:100%}
#milli{width:100%}
#xqc{width:100%}
#hallbjorn{width:100%}
.pixlo{display:block;margin-left:auto;margin-right:auto;width:80%}
#articles{padding-bottom:82%}
.gridcolumn,.gridcolumn2{width:90%!important}
}
@media screen and (min-width:647px) and (max-width:960px){
#fyrrsig{padding-bottom:3%}
.fotur{margin:auto}
#hador{width:100%;margin:auto}
#gir{width:100%;margin:auto}
#milli{width:100%;margin:auto}
#xqc{width:100%;margin:auto}
#hallbjorn{width:100%;margin:auto}
.gridcolumn,.gridcolumn2{width:90%!important}
#articles{padding-bottom:122%}
.gridcolumn2{width:100vw;grid-template-columns:auto;grid-template-rows:auto auto}
.gridcolumn{width:100vw;grid-template-areas:"texti" "mynd"}
.gridcolumn div{grid-area:texti;text-align:left}
.gridcolumn img{grid-area:mynd}
.pixlo{display:block;margin-left:auto;margin-right:auto;width:50%}
}
@media screen and (min-width:533px) and (max-width:646px){
.menuinput{display:none!important}
.fit{position:fixed;z-index:2;width:100vw;padding-top:1%;padding-bottom:1%;height:38px;background-color:#719b4a}
.menubutton{position:fixed;right:0;color:#fff;cursor:pointer;z-index:3!important;display:inline-block;font-size:18px;padding:5px 9px!important;transition:all .25s ease}
.menuinput:checked+.menubutton{transform:rotate(.25turn);transition-timing-function:cubic-bezier(.66,-.26,.38,1.28);transition-duration:.5s;color:#fff}
.topmenu li a{white-space:nowrap}
.topnav{position:fixed;width:100%;top:-20em!important;z-index:1!important;transition:all .5s ease!important}
.menuinput:checked~.topnav{top:1.5em!important;transition:all .5s ease!important}
.topmenu{display:inline-grid;grid-template-rows:auto auto auto auto auto!important;list-style:none;margin:8px 0 0 0;padding:0;width:100vw;max-width:100%}
.felasig{display:block}
.topmenu{list-style:none;margin:8px 0 0 0;padding:0;width:100vw;max-width:100%;background-color:#719b4a}
.topmenu li{border-bottom:1px solid #cecfd5}
.topmenu li:last-child{border-bottom:0}
.topmenu a{color:#fff;display:block;padding:6px 12px!important;text-decoration:none}
#fyrrsig{padding-bottom:3%}
.fotur{margin:auto}
#hador{width:100%;margin:auto}
.pixlo{width:100vw;max-width:100%}
#gir{width:100%;margin:auto}
#milli{width:100%;margin:auto}
#xqc{width:100%;margin:auto}
#hallbjorn{width:100%;margin:auto}
.gridcolumn,.gridcolumn2{width:90%!important}
.nei{display:none!important}
#articles{padding-bottom:222%}
.gridcolumn2{width:100vw;grid-template-columns:auto;grid-template-rows:auto auto}
.gridcolumn{width:100vw;grid-template-areas:"texti" "mynd"}
.gridcolumn2 *{text-align:center}
.gridcolumn *{text-align:center}
.gridcolumn div{grid-area:texti;text-align:left}
.gridcolumn img{grid-area:mynd}
}
@media screen and (min-width:320px) and (max-width:534px){
.menuinput{display:none!important}
.fit{position:fixed;z-index:2;width:100vw;padding-top:1%;padding-bottom:1%;height:38px;background-color:#719b4a}
.gridcolumn,.gridcolumn2{width:90%!important}
.menubutton{position:fixed;right:0;color:#fff;cursor:pointer;z-index:3!important;display:inline-block;font-size:18px;padding:5px 9px!important;transition:all .25s ease}
.menuinput:checked+.menubutton{transform:rotate(.25turn);transition-timing-function:cubic-bezier(.66,-.26,.38,1.28);transition-duration:.5s;color:#fff}
.topmenu li a{white-space:nowrap}
.topnav{position:fixed;width:100%;top:-20em!important;z-index:1!important;transition:all .5s ease!important}
.menuinput:checked~.topnav{top:1.5em!important;transition:all .5s ease!important}
.topmenu{display:inline-grid;grid-template-rows:auto auto auto auto auto!important;list-style:none;margin:8px 0 0 0;padding:0;width:100vw;max-width:100%;background-color:#065e66}
.topmenu li{border-bottom:1px solid #cecfd5}
.topmenu li:last-child{border-bottom:0}
.topmenu a{color:#fff;display:block;padding:6px 12px!important;text-decoration:none}
.menuinput:checked~.topnav{position:fixed;top:1.5em!important;width:100%}
.felasig{display:block}
.topmenu{list-style:none;margin:8px 0 0 0;padding:0;width:100vw;max-width:100%;background-color:#719b4a}
#fyrrsig{padding-bottom:3%}
#fyrrsig{padding-bottom:3%}
.fotur{margin:auto}
#hador{width:100%;margin:auto}
.pixlo{width:100vw;max-width:100%}
.nei{display:none!important}
#gir{width:100%;margin:auto}
#milli{width:100%;margin:auto}
#xqc{width:100%;margin:auto}
#hallbjorn{width:100%;margin:auto}
#articles{padding-bottom:315%}
.gridcolumn2{width:100vw;grid-template-columns:auto;grid-template-rows:auto auto}
.gridcolumn{width:100vw;grid-template-areas:"texti" "mynd"}
.gridcolumn div{grid-area:texti;text-align:left}
.gridcolumn img{grid-area:mynd}
}