/*Generelle ting*/
body {
background-image: url("/images/orange-background.png");
background-size: auto;
background-repeat: no-repeat;
background-size: cover;
background-color: #F7931D;

text-decoration-color: darkblue;
text-align: center;
 font-family: sans-serif;
 font-size: 6vw;
}

h1 {
  font-size: 10vw;
  justify-content: center;
  color: white;
  text-decoration: none;
  text-align: center;
}

img{
  width: 40vw;
  
}
#personas{
  width: auto;
  height: 40vw;
}

#prototype-pic{
  width: auto;
  height: 40vw;
}


.myHeader{
  font-size: 10vw;
  text-decoration: none;
}

a {
  padding-bottom: 3px;
    color: white;
    font-family: helvetica;
    text-transform: uppercase;
    text-decoration: none;
  }
  
  a:link {
    color: white;
  }
  
  a:hover {
    text-decoration:line-through;
  }

/*bl.a. i projekter*/
li{
  text-align: left;
  font-size: 4vw;
}

/*både i uddannelse og kontakt*/
ul {
  color: white;
  display:grid;
  justify-content: center;
  grid-template-columns: 1fr, 1fr;
}

.descriptions-projects{
  font-size: small;
  padding-left: 20%;
  padding-right: 20%;
} 


/*projekter html*/
.websiteProces{
  text-align: left;
  font-size: 2vw;
}

p{
  justify-content: center;
}

/*kontakt html*/
.contactList{
  padding-top: 2vw;
}

/*index html*/
.frontpageList{
  padding-bottom: 8vw;
}

.frontpage{
  padding-top: 5vw;
}

@media only screen and (min-device-width: 600px) {
  
  body{
    font-size: 3vw;
  }
  .myHeader{
    font-size: 5vw;
  }
  .websiteProces{
    font-size: 2vw;
  }
  li{
    font-size: 2vw;
  }
  

}