* {
    margin: 0;
    padding: 0;
}

body {
    /* color: aliceblue;
    background: rgb(12, 10, 58);
    background: linear-gradient(90deg, rgb(3, 2, 19) 0%, rgb(0, 0, 0) 35%, rgb(3, 2, 19) 100%); */
    font-family: 'Times New Roman', Times, serif;
}

.main {
    margin: auto;
    padding: 1%;
    text-align: center;
    width: 60%;
    /* color: aliceblue;
    background: rgb(2, 0, 36);
    background: linear-gradient(90deg, rgb(1, 1, 8) 0%, rgb(14, 14, 58) 35%, rgb(1, 1, 8) 100%); */
}

.heading {
    font-size: xx-large;
    font-weight: bold;
    margin: 2% 0%;
}

.content {
    text-indent: 5%;
    text-align: left;
    font-size: medium;
    text-align: justify;
}

.quote {
    margin: 2%;
    padding: 1%;
    border-left: 3px solid rgba(0, 0, 255, 0.397);
    font-size: large;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: italic;
}

.imp-words {
    font-size: large;
    font-style: italic;
    font-weight: bold;
}

.definitions {
    font-size: medium;
}

.example .code {
    text-indent: 0%;
    font-family: monospace;
}

.list {
    margin: 0% 0%;
    padding: 2% 3%;
    list-style: none;
}

.list>li>.definition {
    text-indent: 0%;
    font-style: italic;
    padding: 2% 6%;
}

.type {
    text-indent: 0%;
    padding: 1% 2%;
}

.type-list {
    margin: 1% 3%;
    list-style: none;
}

.type-list>li>.definition {
    font-style: italic;
    padding: 0% 3%;
}

.sub-heading {
    text-indent: 1%;
    text-align: start;
    font-size: large;
    font-weight: bold;
}

.concepts-explanation {

}

.concepts-explanation-heading {
    text-indent: 2%;
    font-size: large;
    font-weight: bold;
}

.concepts-explanation-content {
    text-indent: 10%;
    font-weight: lighter;
}