@import url("reset.css");
@import url("fonts.css");
@import url("https://fonts.googleapis.com/css2?family=Exo%202:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Tektur:wght@600&display=swap");

body {
    font-family: "Rubik", sans-serif;
    font-size: 18px;
}

.main-title {
    font-family: "holos", serif;
    font-size: 32px;
    color: #dc143c;
    text-align: center;
    text-shadow: 3px 3px 5px rgba(255, 0, 170, 0.507);
    line-height: 1.8;
    letter-spacing: 7px;
}

.title {
    font-family: "Tektur", sans-serif;
    font-size: 28px;
    font-style: italic;
    text-decoration: underline;
    text-decoration-color: rgb(255, 0, 170);
}

.sub-title {
    font-family: "Exo 2", sans-serif;
    font-size: 24px;
    text-decoration: underline;
    text-decoration-color: rgb(6, 199, 6);
    text-decoration-style: wavy;
}

.dedication {
    font-family: "Caveat", cursive;
    font-size: 26px;
    color: #8a2be2;
    text-align: right;
    text-transform: capitalize;
    word-spacing: 2px;
}

.name {
    font-weight: 500;
}

.name,
.footer {
    font-style: oblique;
    color: #d2691e;
}

.link {
    color: rgb(27, 141, 218);
}

.quote {
    color: rgb(98, 179, 17);
    text-decoration: overline;
    text-decoration-style: dotted;
}

.text {
    text-align: justify;
}

.footer {
    text-decoration: line-through;
    text-decoration-style: double;
    text-transform: uppercase;
}

.to-home {
    text-decoration: underline;
    text-decoration-style: dashed;
    text-transform: lowercase;
}

.list,
.text {
    line-height: 1.5;
}

.example {
    white-space: nowrap;
}

.new-title {
    font-family: "GreatVictorian", serif;
    font-size: 70px;
    font-weight: 800;
    color: rgb(43, 220, 20);
    text-align: center;
    text-shadow:
        3px 3px 5px rgba(255, 0, 64, 0.836),
        15px 15px 17px rgb(44, 7, 80);
    line-height: 2.3;
    letter-spacing: 17px;
}
.article1 {
    font-family: "GreatVictorian", sans-serif;
    font-size: 14px;
    text-decoration: underline;
    font-weight: 100;
    text-decoration-color: rgb(6, 19, 199);
    text-align: center;
    text-decoration-style: dotted;
    text-underline-offset: 5px;
    line-height: 1.5;
}
.article2 {
    font-family: "GreatVictorian", sans-serif;
    font-size: 18px;
    font-weight: 300;
    text-decoration: underline;
    text-decoration-color: rgb(199, 6, 6);
    text-align: center;
    text-decoration-style: dashed;
    text-decoration-thickness: 7px;
    line-height: 1.5;
}