*>{
    max-width: 100vw;
}

body {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    max-width: 100vw;
}
section{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}


*{
    transition: background-color 1s;
}

.title-section{
    width: 100%;
    height: 200px;
    max-height: 20%;
    position: relative;
    left: 0;
    padding: 0;
    margin-bottom: 60px;
    opacity: 0.8;
}

.title-section > h1{
    position: absolute;
    left: 50%;
    margin-top: 60px;
    top: 40%;
    transform: translate(-50%,-50%);
}
@media (max-width: 768px) {
    .title-section > h1{
        font-size: larger;
        width: 100%;
    }
}
#neuralNetworkCanvas{
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}