input[type=text], select {
width: 30%;
padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 20%;
  background-color: white;
  color: black;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: gray;
}

p.overskrift{
padding-top: 3%;
font-size: 42px;
font-family: roboto slab, arial;
font-weight: bold;
line-height:65%;
}


p.overskrift_infoskjerm{
font-size: 42px;
font-family: roboto;
font-weight: bold;
padding-top: 15px;
color: black;

}


p.dag {
font-size: 36px;
font-family: roboto slab, arial;
font-weight: bold;
line-height: 65%;
}

p.dag_infoskjerm {
font-size: 36px;
font-family: roboto;
font-weight: bold;
line-height: 65%;
color: black;

}

p.mat {
font-size: 28px;
font-family: roboto, arial;
line-height: 40%;
}


p.mat_infoskjerm {
font-size: 28px;
font-family: roboto;
line-height: 40%;
color: black;

}


p.dato {
font-size:18px;
line-height:50%;
font-family: roboto, arial;
font-weight: bold;

}

p.dato_infoskjerm {
font-size:18px;
line-height:50%;
font-family: roboto;
font-weight: bold;
color: black;

}

p.side {
font-size:28px;
line-height:100%;
font-family: roboto, arial;
font-weight: bold;
padding-top: 4%;
}

p.under_infoskjerm {
font-size:16px;
line-height:100%;
font-family: roboto;
font-weight: bold;
color: black;
}

#infoskjerm {

width: 420px;
height: 818px;
border-radius:5px 5px 15px 15px;
margin-top:-42px;
margin-left:-8px;
text-align: center;
}

#wrapper {
width: 80%;
background-color: rgb(0, 157, 79);
overflow: hidden;
/*Border-radius: 20px 100px 20px 100px;*/
clip-path:
    polygon(
      0% 0%,     /* top left */
      0% 0%,     /* top left */
      100% 0%,    /* top right */
      100% 0%,   /* top right */
      100% calc(100% - 40px),  /* bottom right */
      calc(100% - 40px) 100%,  /* bottom right */
      0% 100%,   /* bottom left */
      0 100%      /* bottom left */
    );

margin-top: 3%;
}

#tekst {



}

#meny {
padding-top: 2%;
padding-right: 2%;
widht:100%;
float: right;

}



/*LOADER*/

#full
{
display: none;

}

#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border-top: 18px solid #f3f3f3;
 border-right: 18px solid #f3f3f3;
 border-bottom: 18px solid #f3f3f3;
 border-left: 18px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s;
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}