* {
    box-sizing: border-box;
    padding: 0;
    

}
.body {
    background: url(background.jpg) no-repeat center center fixed;
    background-size: cover;
    background-color: skyblue;
    margin: auto;
    overflow: scroll;
}

/*Tomta*/

.tomta {
    max-width: 800px;
    margin: auto;
}

.roof {
    width: 110%;
    object-fit: cover;
    margin: auto;
    position: relative;
    transform: translate(0, 7.5%);
    left: -5%;
}

#huset {
    width: 100%;
    height: 600px;
    background-color: rgb(255, 255, 255);
    background-size: cover;
    object-fit: contain;
    margin: auto;
    border: solid 8px black;
    display: inline-flex;
}


.side {
    height: 500px;
    width: 18%;
    border: 0px solid #67584c;  
    overflow: scroll;
    margin: auto;
    position: relative;


.button1 {
    top: 8.28vw;
    right: -17.93vw;
    transform: rotate(0deg);
    }

.button1:hover {
      cursor: url("icons/hus.png"), auto;
      filter: hue-rotate(250deg) saturate(70%);
      transform: rotate(5deg); 
    }

.button2 {
    top: 8.28vw;
    right: -17.93vw;
    transform: rotate(0deg);
    }
    
.button2:hover {
    cursor: url("icons/flower.png"), auto;
    filter: hue-rotate(250deg) saturate(70%);
    transform: rotate(5deg); 
    }
          
  }

    
.main {
    height: 575px;
    width: 100%;
    border: 0px solid #67584c;   
    position: relative;
  }

/*hjemmeside*/

  #home {
    background-image: url(rosatapet.jpg);
    overflow: hidden;
  }


  .banner img{
    width: 100%;
    border: 1px solid black;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.253);
  }

  .home-text {
  margin: 12px 0px 0px 0px;
  padding: 0px 10px 0px 10px;
  background-color: white;
  border: 1px solid black;
  font-family: monaco, monospace;
}

h1 {
  border: 1px solid black;
  display: flex;
  justify-content: center; 
  font-family: monaco, monospace;
  color: white;
  background-color: #e4002e;
  text-shadow: #2d459e 2px 2px 4px;
  padding: 6px 10px 6px 10px;
  margin: 12px 0px 12px 0px;
}

.hellokitty img {
    width: 270px;
    display: flex;
    position: relative;
    z-index: 1;
    margin-top: -80px;
    margin-left: 410px;
    border: none;
    overflow: hidden;

}



/*Galleriet*/

.button-1 {
  background-color: #03823f;
  border-radius: 8px;
  color: #FFFFFF;
  font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 10px;
  padding: 10px 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
}

.button-1:hover,
.button-1:focus {
  background-color: #F082AC;
}



.galleriet {
    object-fit: cover;
    flex: 1;
    overflow: scroll;
    background-color: white;
    position: relative;
    margin: auto;
}

.left {
  position: absolute;
  width: 25%;
  border: 1px black;
  background-color: transparent;
  overflow: fixed;
  max-height: calc(100vh - 50px);
  top: 60px;
  bottom: 30px;
  left: 30px;

}


.gallerinett {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) ;
    gap: 1px;
}

.galleribilde img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border: 1px solid lightgray;
    border-radius: 8px;
}


.desc {
    text-align: center;
}

.kunst {
}

.linker {
    display: inline-flex;
    justify-content: space-between;
    width: 38%;
}