@font-face {
    font-family: 'Farro';
    src: url(Farro-Regular.ttf);
}
@font-face {
    font-family: 'Farro-Bold';
    src: url(Farro-Bold.ttf);
}
header{
    font-size: 40px;
    color: #fcb64e;
    font-family: 'Farro-Bold';
}
body{
    text-align: center;
    background-color: rgb(227, 252, 204);
    background-repeat: no-repeat;
    background-size:cover;
    font-family: 'Farro';
}
#menu{
    font-size: 40px;
    color: #fcb64e;
}
#tlo{
    background-color: #96f0fc;
    border-radius: 120px;
    margin-left: 150px;
    margin-right: 150px;
    margin-top: 50px;
}
#tekst{
    padding: 70px;
    font-size: 22px;
    text-align: justify;
    font-family: 'Farro';
}
.link:hover{
    background-color: rgb(255, 235, 168);
}
#footer{
    text-align: center;
    background-color: #585858;
    font-size: 20px;
    height: 40px;
    margin-left: 300px;
    margin-right: 300px;
}
.img{
    transition: transform 0.3s;
}
.img:hover {
    box-shadow: 0 0 2px 3px #00597780;
    transform: scale(1.20);
}
.film1{
    float: right;
    margin-right: 20px;
    margin-left: 70px;
}
.film2{
    position: absolute;
    margin-left: 890px;
}