body{
    margin: 0;
    overflow-x: hidden;
}

*{
    text-decoration: none;

    font-family: 'Roboto', sans-serif;

    color: #fff;

    box-sizing: border-box;

    list-style: none;
}

.root{
    min-height: 100vh;
    min-width: 100vw;

    height: 100%;
    width: 100%;

    background-color: #1a1a1a;

    display: flex;
    
}

.root > .app{
    min-height: 100vh;
    min-width: 100vw;

    height: 100%;
    width: 1140px;

    display: flex;
    flex-direction: column;
    align-items: center;
}

.wrapper{
    max-width: 1240px;
    width: 100%;
}


.root > .app > .main{
    display: flex;
}

.page > .content .h-anchor::after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-left: 0.3em;
    background: url('../icons/link.svg') no-repeat center / contain;
    opacity: 0;

    transition: .1s ease-out;
}

.page > .content .h-anchor:hover::after{
    opacity: 0.7;
}