#color_background {
    background-color: rgb(126, 114, 96);
    border: 10px dashed rgb(59, 59, 59);
    box-shadow: 0 0 10px black; 
    border-radius: 20px;
}
#title {
    color: white;
    text-shadow: 0 0 7px black;
    margin: 0 auto;
    text-align: center;
    font-size: 75px;
    background-color: rgb(95, 89, 74);
    font-family: cursive;
    border: 20px solid rgb(43, 42, 37);
}

#text1 {
    color: white;
    text-align: center;
    font-size: 50px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-shadow: 0 0 7px black;
}

#subtext1 {
    border: 5px solid rgb(75, 75, 75);
    background-color: gray;
    color: white;
    text-align: center;
    font-size: 35px;
    font-family: cursive;
    text-shadow: 0 0 7px black;
    border-radius: 52px;
}

#subtext2 {
    height: 55px;
    margin: 0 auto;
    color: white;
    text-align: center;
    font-size: 25px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    text-shadow: 0 0 2px white;
    background-color: rgb(97, 88, 74);
    width: 1250px;
    border-radius: 5px;
    border: 5px groove rgb(61, 56, 50);
    margin-bottom: 25px;
}


#line1 {
    width: 735px;
    height: 10px;
    background-color: rgb(27, 27, 27);
    border: 1px solid black;
    border-radius: 5px;
}

#p1 {
    color: white;
    text-align: center;
    font-family: sans-serif;
    font-size: 35px;
    background-color: rgb(126, 114, 96);
    border: 10px solid rgb(46, 41, 36);
    width: 645px;
    margin: 0 auto;
    height: 245px;
    box-shadow: 0 0 10px black;
}

#imgs {
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    border: 10px groove rgb(61, 56, 50);
    box-shadow: 0 0 5px black;
    background-color: white;
    border-radius: 40px;
    animation-name: IMGSborder;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}

#p2 {
    color: white;
    text-align: center;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 35px;
    background-color: rgb(61, 63, 57);
    border: 7px ridge white;
    width: 745px;
    margin: 0 auto;
    height: 45px;
    box-shadow: 0 0 10px black;
}

#p3 {
    border-radius: 9px;
    color: rgb(0, 0, 0);
    text-align: center;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 35px;
    background-color: rgb(255, 255, 255);
    border: 5px ridge white;
    width: 375px;
    margin: 0 auto;
    height: 45px;
    box-shadow: 0 0 10px black;
}

#subp3 {
    color: white;
    text-align: center;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 25px;
    background-color: rgb(61, 63, 57);
    border: 2px solid white;
    width: 375px;
    margin: 0 auto;
    height: 35px;
    box-shadow: 0 0 10px black;
}

#p4 {
    border-radius: 9px;
    color: rgb(0, 0, 0);
    text-align: center;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 40px;
    background-color: rgb(255, 255, 255);
    border: 5px ridge white;
    width: 575px;
    margin: 0 auto;
    height: 55px;
    box-shadow: 0 0 10px black;
    margin-bottom: 25px;
}

#title2 {
    margin: 0 auto;
    height: 75px;
    width: 1500px;
    text-shadow: 0 0 20px white;
    color: rgb(255, 255, 255);
    background-color: rgb(54, 87, 158);
    text-align: center;
    font-size: 40px;
    font-family: cursive;
    border: 5px solid rgb(25, 117, 255);
    border-radius: 20px;
    animation-name: myAnimation;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes myAnimation {
    0%   {background-color:#0051ff; left:0px; top:0px;}
    25%  {background-color:#296dff; left:200px; top:0px;}
    50%  {background-color:#6f9dff; left:200px; top:200px;}
    75%  {background-color:#c7d9ff; left:0px; top:200px;}
    100% {background-color:#0051ff; left:0px; top:0px;}

}

#links {
    font-size: 30px;
    background-color: white;
    text-align: center;
    margin: 0 auto;
    color: black;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    width: 500px;
    border-radius: 25px;
    border: 5px solid black;
    transition: width 1s, height 1s, background-color 0.25s, transform 1s, border 1s;
}

#links:hover {
    background-color: black;
    color: white;
    border: 5px solid white;
    width: 300px;
}

@keyframes IMGSborder {
    0%   {border: 5px solid black;}
    50%  {border: 5px solid white;}
    100% {border: 5px solid black;}
}