*{
    margin: 0px;
    padding: 0px; }

html{
    scroll-behavior: smooth; }

#container{
    width: 100%;
    height: auto;
    max-width: 1700px;
    background-color: white; }

#section{
    width: 100%;
    height: auto;
    background-color: white; }

#article{
    width: 100%;
    height: auto;
    padding: 5%;
    box-sizing: border-box;
    background-color: white; }

.text-purple{
    color: #962e79; }

.text-cyan{
    color: #4a94cc; }

.as-none{
    color: #000;
    text-decoration: none;
    box-shadow: none;
    border-bottom: none; }

.as-none:hover{
    color: #000;
    text-decoration: none;
    box-shadow: none;
    border-bottom: none; }

.input-style{
    width: 250px;
    padding: 5px;
    border: 2px #962e79 solid;
    border-radius: 5px;
    text-align: center; }

@media (max-width: 900px) {
    .gone{
        display: none;
    }
}