* {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: "SourceHanSans-Light";
    src: url("../font/sourcehansans/sourcehansans-light.otf") format("opentype");
}

@font-face {
    font-family: "SourceHanSans-Medium";
    src: url("../font/sourcehansans/sourcehansans-medium.otf") format("opentype");

}

@font-face {
    font-family: "FuturaBT-Light";
    src: url("../font/futura/0/futuralight-regular.otf") format("opentype");
}

@font-face {
    font-family: "Futura-Medium";
    src: url("../font/futura/1/futuramedium.otf") format("opentype");
}

body {
    width: 100%;
}

ul{
    list-style: none;
}

ul a {
    font-size: 1.8rem;
    color: #000;
    text-decoration: none;

}

li a {
    border-bottom: none;
    font-size: 1.4rem;
    color: #000;

}

li a:hover{
    border-bottom: none;
    color: #69bae9;
    transition:0.3s;
}

#sitemap{
    display: grid;
    grid-template-columns: 10% 1fr 10%;
    grid-template-rows: auto;  
    grid-gap: 50px;
}

.sitemap1{
    grid-column: 2;
    grid-row: 1;
}

.sitecon {
    margin-left: 20%;
    grid-column: 2;
    grid-row: 2;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 100px 290px 220px 200px;

}

.sitecon li{
    margin-top: 10px;
}

#sitemap .arrow{
    grid-column: 2;
    grid-row: 3;
}