h1 {
    font-family: monospace;
    text-align: center;
    font-size: 50px;
}

h2 {
    font-style: oblique;
    font-size: xx-large;
}

h3 {
    font-size: 22px;
}

body {
    background-color: rgb(245, 245, 240);
    font-family: monospace;
    text-align: center;
}
img {
    width: 400px;
    margin-bottom: 10px;
}

a {
    max-height: 20px;
    size: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.intro {
    text-align: center;
    font-family: monospace;
    font-size: 30px;
    margin: 50px;
}
.title {
    width: 500px;
}

.small-img {
    width: 250px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

.li-Prim {
    width: 320px;
    height: 30px;
}

.d-title {
    display:flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
}
.d-intro {
    display: flex;
    justify-content: space-around;
    flex-flow: column wrap;
}

.d-aduo {
    max-width: 350px;
    border: 4px solid black;
    border-style: dashed;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.d-god {
    max-width: 350px;
    border: 5px solid rgb(245, 225, 115);
    border-style: dotted;
    color:rgb(35, 25, 90);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.d-RDSG {
    max-width: 350px;
    border: 4px solid rgb(115, 25, 155);
    border-style: double;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.d-abSG {
    margin: 5px;
    width: 350px;
    height: 400px;
    display: flex;
    flex-wrap: wrap;
}

.first-row {
    margin: 5px;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
}

.t-abSG {
    text-align: start;
    font-size: 25px;
    
}

#t-aduo{
    text-align: center;
    background-image:linear-gradient(to right, blue 25%, red 50%, yellow 75%);
    background-size: cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#t-god{
    width: 300px;
    font-family: 'Franklin Gothic Thinner', 'Arial Narrow', Arial, sans-serif;
    font-style: italic;
    color: rgb(230, 210, 80);
    display: flex;
    flex-wrap: wrap;

}

#godsg {
    max-width: 350px;
    max-height: 550px;
}
#smalgod {
    max-width: 200px;
    max-height: 250px;
}

#intro-img{
   margin-left: 150px;
   margin-right: 150px;
}

#red {
    color: rgb(235, 25, 25);
}
#blue {
    color: rgb(25, 25, 225);
}
#yellow {
    color: rgb(235, 215, 10);
}

#abSG {
    width: 250px;
    border: 4px solid;
    border-radius: 20px;
    display: flex;
    justify-content: flex-start;
}
#h-abSG {
    font-size: 40px;
}

#note {
    font-size: x-small;
    color: gray;
    line-height: 10px;
}

p {
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0.8px;
}

ul {
    width: 320px;
    height: 80px;
    text-align: start;
    font-size: 20px;
}

li {
    text-align: start;
    font-size: 14px;
}

.sg-pic {
    width: 350px;
    display: flex;
    justify-content: center;
    
}

.quotes {
    font-style: italic;
    color: rgb(74, 74, 74);
}