.html_startscreen{
    background-color:#ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    
}
.html_startscreen container{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    height:100vh;
}
.html_startscreen h1{
    font-size:45px;
    font-family: Oswald;
}
.html_startscreen .content{
    margin-top:15px;
    margin-bottom:5px;
    text-align:left;
    max-width: 400px;
    font-size: 14px;
    line-height: 14px;
}
.html_startscreen .contentText {
    display:flex;
    position:relative;
    justify-content:center;
    align-items:flex-start;
    flex-direction:column;
}
.html_startscreen .image-gear {
    user-select: none;
    width:240px;
    right:-120px;
    position:absolute;
    z-index:0;
    opacity:0.05;
    display:inline-block;
    width:200px;
    height:auto;
    transform-origin:50% 50%;
    will-change:transform;
    animation:spin360 10s linear infinite;
}
.html_startscreen .buttons {
    margin-top:5px;
    display:flex;
    gap:10px;
}
@keyframes spin360 {
  from { transform:rotate(0deg); }
  to   { transform:rotate(360deg); }
}
@media (prefers-reduced-motion:reduce) {
  .html_startscreen .image-gear {
    animation:none;
  }
}