html{min-height:100vh}
body{min-height:100vh;background-color:#eee;} 
*{box-sizing:border-box;}
a{caret-color:transparent;}
img {max-width:100%;}

::-webkit-scrollbar {width:10px;}
::-webkit-scrollbar-track {background:#f0f0f0;}
::-webkit-scrollbar-thumb {background:#ccc;border-radius:4px;}
::-webkit-scrollbar-thumb:hover {background:#999;}
::-webkit-scrollbar-button:single-button {background-color:#ccc;height:16px;display:block;}
::-webkit-scrollbar-button:single-button:vertical:decrement {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><polygon points="5,0 0,5 10,5" fill="gray"/></svg>') no-repeat center;
}
::-webkit-scrollbar-button:single-button:vertical:increment {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><polygon points="0,0 10,0 5,5" fill="gray"/></svg>') no-repeat center;
}


header{
    margin:16px auto;
    width:76%;
    text-align: center;
}

header select{
    padding:4px 8px;
}


article{
    margin:16px auto;
    width:76%;
}
.container{ 
display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

.container3{ 
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
}


.startVIS{
    text-align: center;
}

.startVIS a{
    border-radius:32px;
    font-size:1.2rem;
    background:#112855;
    color:#fff;
    display: inline-block;
    padding: 16px 32px;
    text-decoration:none;
}

footer{
    margin:32px auto;
    width:76%;
    font-size: 0.76rem;
    text-align: center;
    color:#999;
}

@media (max-width:640px) {
    .container, .container3{
        display: block;
    }
}