h1 {
              color: black;
              font-size: 30px;
             font-family: 'Roboto Mono', monospace;
   }
            
          
.boks {

  position: relative; /* sier at elementer inni skal plassere seg relativt til boksen */
  width: 800px; /* sørg for at bredde og høyde tilsvarer bildet */
  height: 800px;
  margin: auto; /* midtstiller boksen */
  background-image: url(bilder/argsintabjornen.jpg); /* bilde som bakgrunn */
  background-size: cover; /* bildet skal dekke boksen */
  background-repeat: no-repeat; /* vis bildet kun én gang, ikke gjenta */

}

.ommig {

  position: absolute;
  top: 25%;
  left: 39%;
  width: 120px;
  height: 120px;
  display: block;
  background-color: black;
  opacity: 0;

}
.illustration {

  position: absolute;
  top: 25%;
  left: 19%;
  width: 120px;
  height: 120px;
  display: block;
  background-color: black;
  opacity: 0;
}

.grafiskdesign {

  position: absolute;
  top: 72%;
  left: 59%;
  width: 120px;
  height: 100px;
  display: block;
  background-color: black;
  opacity: 0;

}
.egnaarbeten {

  position: absolute;
  top: 70%;
  left: 22%;
  width: 150px;
  height: 100px;
  display: block;
  background-color: black;
  opacity: 0;

}

.boras {

  position: absolute;
  top: 51%;
  left: 45%;
  width: 260px;
  height: 100px;
  display: block;
  background-color: black;
  opacity: 0;

}

.textbjorn{

  position: absolute;
  top: 0%;
  left: 0%;
  width: 200px;
  height: 100px;
  display: block;
  background-color: white;
  opacity: 100;

}

h3 {
              color: navy;
              font-size: 10px;
              font-family: 'verdana';
              text-align: center;
             }


     img {
              width: 300px;

            }

            .stort-bilde {
         
				  display: block; 
				  /* gjør at bildene havner under hverandre */
				  width: 100%; 
				  /* bredden definert i prosent, her blir bildene 70% av nettleservinduet */
				  margin-top: 10px;
				  margin-bottom: 10px;
				  margin-left: auto;
				  margin-right: auto;
  /* margin definerer avstanden til topp, bunn, venstre og høyre. når margin settes til auto for venstre og høyre vil bildet bli midtstilt. */
}

p {
  font-family: 'Roboto Mono', monospace;
  font-size: 15px;
  text-align: left;

}

       .lanktext {
  			  font-family: 'Roboto Mono', monospace;
  font-size: 12px;
  text-align: left;
  color: red; 
            }

             .litentext {
          font-family: 'Roboto Mono', monospace;
  font-size: 10px;
  text-align: left;
  color: red; 
            }


     .header {
      padding: 20px;
}

/* sjekk ut https://codepen.io/elisejakob/pen/YzydORy for forklaringen bak layouten */
.layout {
  display: grid;
  grid-template-columns: 2fr 5fr;
}


.sidebar {
 
  padding: 20px;
  text-align:  center;
}
.sidebar a {
  display: block;
  margin-bottom: 20px;
}

/* sjekk ut https://codepen.io/elisejakob/pen/mdeJwqW for forklaring av koden under */
.gallery {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.gallery2 {
  display: grid;
  grid-template-columns:  1fr;
}

.project {
  margin: 20px;
  margin-bottom: 30px;
}

.project img {
  width: 90%;
}