*{
    margin: 0;
    padding: 0;
    border: 0;

}
.container{
    display: flex;
    font-family: "SmashingW00-Regular";
}
h1{
    font-size: 5vmax;
}

a{
    text-decoration: none;
    transition: 0.3s;
}
a:hover{
    transform: scale(1.1);
    cursor: pointer;
}
a::after{
    text-decoration: none;
}
.white{
    color: white;
}
.green{
    color: #7C9848;
}
.blue{
    color: #4090AE;
}
#friskole{
    background-image: linear-gradient(rgba(0, 0, 0, 0.527),rgba(0, 0, 0, 0.5)) , url("./images/Friskole.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
}
#efterskole{
    background-image: linear-gradient(rgba(0, 0, 0, 0.527),rgba(0, 0, 0, 0.5)) , url("./images/Efterskole.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
}
.skole{
    width: 50%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#friskole:hover{
    background-image: linear-gradient(rgba(0, 0, 0, 0.527),rgba(0, 0, 0, 0.7)) , url("./images/Friskole.png");
}
#efterskole:hover{
    background-image: linear-gradient(rgba(0, 0, 0, 0.527),rgba(0, 0, 0, 0.7)) , url("./images/Efterskole.png");
}

@media only screen and (max-width: 600px) {
    .container{
        flex-direction: column;
    }
    .skole{
        width: 100%;
        height: 50vh;
    }
  }