@charset "utf-8";
html {
    width: 99%;
    height: 99%;
}
body {
    background: #121212;
    color:#999;
    font-family: sans-serif;
    font-size: 85%;
    width: 99%;
    height: 99%;
    margin: 0;
    padding: 0;
}
.container {
    width: 100%;
    height: 100%;
}
section {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: right;
}
.sitename {
    width: 55%;
    height: auto;
    margin: 0;
    padding: 0 0 0 0.5%;
    display: block;
    position: absolute;
    left:0;
    bottom:0;
    opacity: 0.05;
}
.container_content {
    width: 45%;
    height: 95%;
    display: flex;
    align-items: center;
}
.text {
    letter-spacing: 8%;
}
.scope {
    font-size: 90%;
    color: #555;
}
p {
    margin: .5em 0;
}

@media screen and (max-width: 989px) {
    .container_content {
        width: 100%;
        height: 95%;
        padding: 0 10%;
    }
    .sitename {
        width: 88%;
    }
}