body {
    background: linear-gradient(153deg, rgba(48, 36, 212, 1) 2%, rgba(131, 58, 180, 1) 43%, rgba(253, 29, 29, 1) 74%, rgba(252, 176, 69, 1) 100%);
    color: azure;
    font-family: Verdana, sans-serif;
    min-height: 100vh;
    background-repeat: no-repeat;
}


.centered-text {
    text-align: center;
}

#index ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {
    color: rgb(201, 83, 255);
}

#ide-index {
    background-color: rgb(29, 29, 29);
    margin: 80px 20% 80px 20%;
    border-radius: 20px;
    border: solid white 2px;
    padding: 20px;
}

.html-code {
    padding: 5px;
    background-color: black;
    overflow: scroll;
}

h1 {
    margin : 0;
}

@media (max-width: 600px) {
    #ide-index {
        padding: 5px;
        margin: 10px;
        border-radius: 15px;
    }
}