*{
    box-sizing: border-box;
  /*   border: 1px solid red; */
}

html{
    display: flex;
    justify-content: center;
    cursor: url("resources/cursor-default.png"), default;
}

body{
    background-color: rgb(255, 251, 240);
    min-height: 100vh;
    font-family: "Gaegu";
    background-image: url(resources/bg.jpg) ;
    background-size: 200px;
    max-width: 80%;
    min-width: 70%;
    font-size: 1.2rem;
}


header{
    text-align: center;
    padding: 1rem;
    padding-bottom: 0.5rem;
    
    border-radius: 10px;
    background-color: antiquewhite;
    box-shadow: 5px 1px 10px rgb(140, 71, 7);
}

.rubrik-header{
    margin-top: 1%;
    margin-bottom: 1%;
    font-family:"Gaegu";
    
}

h1>a{
    text-decoration: none;
}

header > h2{
    font-size: 0.85rem;
}

a{
    color:black
}

a:hover{
    cursor: url("resources/cursor-pointer.png"), pointer;
    color: rgb(57, 43, 29);
}

a:active{
    cursor: url("resources/cursor-active.png"), pointer;
}

textarea{
    font-family:"Gaegu";
    min-width: 100%;
    background-color: antiquewhite;
    border-radius: 5px;
}

.meny-list{
    display: flex;
    justify-content: center;
    font-family:"Gaegu";
    list-style-type: none;
    padding: 0;
    margin: 0;
    
}

li{
    padding: 0 1rem 0 1rem;
    border-radius: 10px;
    transition: background-color 0.5s;
}

li:hover{
    background-color: bisque;
    
}
.list-link{
    text-decoration: none;
}

.columns{
    font-family:"Gaegu";
    padding-top: 1.5rem;
    display: flex;
    flex-wrap: wrap ;
    gap: 1rem;
    
}

section{
    flex: 1;
    
    margin-bottom: 1rem;
    border-radius: 10px;
    padding: 2%;
    
    display: flex;
    flex-direction: column;
    background-color: antiquewhite;
    box-shadow: 5px 1px 10px rgb(140, 71, 7);

}

.card{
    margin-bottom: 1rem;
    border-radius: 10px;
    padding: 2%;
    background-color: antiquewhite;
    box-shadow: 5px 1px 10px rgb(140, 71, 7);
}

.post , .container{
    margin-top: 1rem;;
    margin-bottom: 1rem;
    border-radius: 10px;
    padding: 1rem;
    background-color: antiquewhite;
    box-shadow: 5px 1px 10px rgb(140, 71, 7);
}

.sectionH2{
    margin:0
}

.lank-till-sida{
    font-size: 1.5rem;
    text-decoration: none;
    min-width: 100%;
    font-weight: 600;
}

.start-page-img{
    width: 100%;
    border-radius: 10px;
    margin-top: 1rem;
}

footer{
    margin-top: 1rem;
    font-family:"Gaegu";
    text-align: center;
    padding: 0.5rem;
    border-radius: 10px;
    background-color: antiquewhite;
    box-shadow: 5px 1px 10px rgb(140, 71, 7);

}

.welcome{
    margin-top: 1rem;
    padding: 1rem 2rem 1rem 2rem;
    background-color: antiquewhite;
    border-radius: 10px;
    box-shadow: 5px 1px 10px rgb(140, 71, 7);
}

.citat{
    text-align: center;
}

#site-button-card{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}

#share-my-site-link{
    flex:1;
}

#my-site-button-div{
    flex:2;
}

.gallery-img>img{
    max-width: 100%;
    border-radius: 10px;

}

.gallery-img{
    margin-top: 1rem;
    border: 1px solid rgb(140, 71, 7);
    border-radius: 10px;
}

.gallery-img >p{
    padding-left: 1rem;
}