/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
   
   
@import url('https://fonts.googleapis.com/css2?family=Jersey+10&display=swap');
h1{font-family: "Jersey 10", sans-serif;
  font-weight: 400;
  font-style: normal;
}
  
body {
  background-color: green;
  color: black;
  background-image: url("/images/websitebaggrund.jpg");
  background-size: 50%;
 margin: 0px;
 padding:0px;
   font-family: "Jersey 10", sans-serif;
    font-weight: 400;
    font-style: normal;
    cursor:url('https://cherrysprouts.neocities.org/images/Curser.png'), auto;
}
  
  .header {
  padding: 11px;
  text-align: center;
  background: #fdf6a5;
  color: #9fb65e;
  font-size: 25px;
  text-decoration: underline;
  text-decoration-thickness: 6px
  }
  
  .box1 {
    background-color:#fcf7b6 ;
  border-style: solid;
  border-width: 5px;
    border-color: #f0c648;
  }
  
  ul li{
    background: #fee980;
     list-style-type: none;
     text-align: center;
     font-size: 30px;
     color: #9fb65e ;
     }
     ul{
       margin: 0; 
       padding: 20px;
     }
     .box1 a:hover {
     color: #3d4f06;
     }
     
     
  .box2{
    background-color: #a2b569;
    border-style: dashed;
    border-width: 5px;
    border-color:#3d4f06;
    color: #3d4f06;
  }
  h2{
    font-size: 40px;
    justify-self: center;
  }
  p1{
    font-size: 20px;  }
    
  .text{
    margin:20px;
    background-color: #fcf7b6;
    border-style: dotted;
    border-width: 5px;
    Border-color: #9fb65e;
    color:#3d4f06;
  }
  
  .box3{
    background-color: #fcf7b6; 
    border-style: solid;
  border-width: 5px;
  border-color: #f0c648;
  }
  h3{
    font-size: 30px;
    color: #3d4f06;
    justify-self: center;
  }
  p2{
   font-size: 20px; 
   color: #3d4f06;
  }
ol{
  color:#3d4f06;
  list-style-type: none;
  font-size: 20px;
  
  
}
  
  .box4{
    background-color: #fcf7b6;
    border-style: solid;
  border-width: 5px;
    border-color: #f0c648;
  }
  
  .box5{
    background-color: #fcf7b6;
    border-style: solid;
  border-width: 5px;
    border-color: #f0c648;
  }
  
  .grid-container {
    height: 1000px;
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
 
    grid-template-areas: 
    "box1 box2 box2 box3"
    "box4 box2 box2 box5"
    "box4 box2 box2 box5"
   ;
  }
  
  .cherrycorner{
  img{
    position: fixed;
    justify-self: right;

right:0;
bottom: 0;
float: bottom;
  width: 230px;
  height:250px;
  

}
}
  
 
  
  
  
  
/*  img { */
/*    width: 150px; height: 150px; float: left; top: 0px; left: 300px; padding:0px; position: absolute;*/

/*  }*/
  
  
  
/*  .sidebar {*/
/*  display: grid;*/
/*  grid-template-columns: 250px;*/
/*  grid-template-rows: 650px ;*/
/*  justify-content: flex-start;*/
/*  position: absolute;*/
/*top:24vh;*/
/*  padding: 10px;*/

/*}*/
/*.sidebar div {*/
/*  background-color:  #fcf7b6;*/
/*  border: 5px solid black;*/
/*  border-color: #95ae52;*/
/*  padding: 20px;*/
/*  font-size: 30px;*/
/*  text-align: center;*/
/*  font-family: "Jersey 10";*/
/*  list-style-position: inside;*/
/*}  */
/*ul li {*/
/*  background: #fee980;*/
/*  color:#a2b569;*/
/*  margin: 5px;*/
/*  list-style-type: none;*/
/*  text-align: center;*/
/*}*/
/*ul{*/
/*  margin: 0;*/
/*  padding: 0;*/
/*}*/

/*.sidebar a:hover {*/
/*    color: #3d4f06;*/
/*	font-weight: bold ;*/
/*}*/



/*.box {*/
/*display: grid;*/
/*place-self: center;*/
/*  width: 450px;*/
/*  height: 200px;*/
/*  background-color: #a2b569;*/

  
/*  padding: 5px;*/
/*  padding-bottom: 300px;*/
/*  gap: 7px;*/
/*  border: 5px solid black;*/
/*  border-color: #95ae52;*/
/*  text-align: center;*/
/*  font-size: 35px;*/
/*  color: #3d4f06;*/
  
/*  h3{font-family: "Jersey 10", sans-serif;*/
/*  font-weight: 400;*/
/*  font-style: normal;*/
/*  margin-bottom: 0px;*/
/*  padding-bottom: 0px;*/
/*}*/
/*}*/
/*.textone {*/

 
/*  background-color: #fcf7b6;*/
/*  border-style: dashed; */
/*  border-width: 5px;*/
/*  border-color: #fee980;*/
/*  font-family: "jersey 10", sans-serif;*/
/*  font-weight: 200;*/
/*  font-style:normal;*/
/*  font-size: 20px;*/
/*  text-align: left;*/
/*  padding: 7px; */
/* }*/




/*.container-right {*/
/*  display: grid;*/
/*  width: 225px;*/
/*  height: 600px;*/
/*  justify-self: right;*/
/*  top: 24vh;*/
/*  padding: 10px;*/
/*  background-color: #fcf7b6;*/
/*  border: 5px solid black;*/
/*  border-color: #95ae52;*/
/*  font-size: 20px;*/
/*  text-align: center;*/
/*  color: #95ae52;*/
/*}*/