body {
    margin:0;
    position:absolute;
    width:100%;
    height:100%;
    background:#FFF;
}

.ball {
    position:fixed;
    width:10em;
    height:10em;
    left:200px;
    top:200px;
    background-color:#000;
    border-radius:50%;
    transform:translate(-50%,-50%);
    z-index:-1000;
    display:none;
}

.large {
    font-size: 3em;
    font-weight:bolder;
}
.medium {
    font-size:2em;
}
.small {
    font-size:1.16em;
}
.text {
    color:#FFF;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    mix-blend-mode: difference;
}

.title{
    position:absolute;
    left:2em;
    top:1em;
}

.subtitle1 {
    position: absolute;
    left:3em;
    top:5em;
}
.sectionA{
    position:absolute;
    animation: 1s ease-in-out 0s 1 move;
    left:4.5em;
    top:13em;
    width:25em;
}

a {
    position:relative;
    left:1em;
    color:#252525;
    border-bottom:#16161D solid 5px;
    border-bottom-width:0px;
    transition:border-bottom-width ease-out 0.3s;
    text-decoration:none;
}

a:hover {
    border-bottom-width:0.1em;
}
.subtitle2 {
    position:absolute;
    left:3em;
    top:12em;
}
.sectionB {
    position:absolute;
    left:4.5em;
    top:26em;
}
.drawBox {
    position:absolute;
    left:0;
    top:0;
}