body{
    margin:0px;
}

.box-grid{
    display:grid;
    grid-template-columns: 1fr 4fr;
    grid-template-rows: 20vh 10vh 50vh 20vh;
    gap:10px;
    background-color: #fcdee0;
}

.calendar{
    height:180px;
    width: auto;
}

nav{
    grid-column:2/3 ;
    grid-row: 2/3;
}

main{
    grid-column:2/3 ;
    grid-row: 3/4;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap:5px;
}

main a, img{
    width:200px;
    height:auto;
}

footer{
    grid-column:1/3;
    grid-row: 4/5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rubrik{
    text-align: center;
    font-family: 'Rubik Distressed', Courier, monospace;
    font-size:5rem;
}

.lankar{
    display:flex;
    flex-direction: row;
    list-style-type:none; 
}

.lankar a{
    font-size: 1rem;
    text-decoration: none;
    margin-right:10px;
    padding: 5px;
    border:3px solid #fc6a96;;
    border-radius: 5px;
}

.sidfot{
    border: none;
    font-style:italic;
}