body{
    background-color: #CC5803;
}

#Main_heading{
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border: 1px solid;
    border-radius: 50px;
    color:  lightseagreen;
    font-size: 50px;
    background-color:bisque;
    box-shadow: 5px 10px lightseagreen
}

.P-1{
    text-align: center;
    font-size: 30px;
    color:  wheat;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.P-2    {
    text-align: center;
    font-size: 30px;
    color:  wheat;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

#special{
    display: flex;
    justify-content: center;
}

.Heading_2{
    background:url(./Back_ground1.png);
    color: lightseagreen;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.Blue_Vinyl{
    width: 500px;
}

.Blue_Vinyl:hover{
    rotate: y 45deg;
}

.Red_Vinyl{
    width: 500px;
}

.Red_Vinyl:hover{
    rotate: x 45deg;
}

.Dark_Blue_Vinyl{
    width: 500px;
}

.Dark_Blue_Vinyl:hover{
    rotate: y -45deg;
}

.Heading_3{
    background:url(Back_ground2.png);
    color: lightseagreen;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.Cool_sentence::before{
    content: "read this!: ";
    color: red;

}

.Cooler_sentence::before{
    content: " You definitely have to read this!: ";
    color: red;

}

.Coolest_sentence::before{
    content: " Dude for real, read this!: ";
    color: red;

}

.box{
display: flex;
}

.Cool_sentence{
    height: 70px;
    width: 33%;
    background-color: aliceblue;
    text-align: center;
    border: solid;
    border-radius: 15px;
    padding-top:50px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    font-size: 150%;
    background-color: #95F9E3;
}

.Cooler_sentence{
    height: 70px;
    width: 33%;
    background-color: aliceblue;
    text-align: center;
    border: solid;
    border-radius: 15px;
    border: solid;
    border-radius: 15px;
    padding-top:50px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    font-size: 150%;
    background-color: #69EBD0;
}

.Coolest_sentence{
    height: 70px;
    width: 33%;
    background-color: aliceblue;
    text-align: center;
    border: solid;
    border-radius: 15px;
    border: solid;
    border-radius: 15px;
    padding-top:50px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    font-size: 150%;
    background-color: #49D49D;
}

.Heading_4{
    background:url(Back_ground3.png);
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.box2{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.Cool_button{
    height: 70px;
    width: 25%;
    margin-left: 38%;   
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    font-size: 150%;
    border: 4px solid;
    border-radius: 15px;
    position: relative;
    animation: move_left 15s infinite;
    animation-direction: alternate;
}

@keyframes move_left{
    0% {right:0px}
    10% {right:50px}
    20% {right:100px}
    30% {right:150px}
    40% {right:200px}
    50% {right:250px} 
    60% {right:300px}
    70% {right:350px}
    80% {right:400px}
    90% {right:450px}
    100% {right:500px}
}

.Cooler_button{
    height: 70px;
    width: 25%;
    margin-left: 38%; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    font-size: 150%;
    border: 4px solid;
    border-radius: 15px;
    transition: width 5s;
}

.Cooler_button:hover{
    width:1000px
}

.Coolest_button{
    height: 70px;
    width: 25%;
    margin-left: 38%; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    font-size: 150%;
    border: 4px     solid;
    border-radius: 15px;
    position: relative;
    animation: change_color 5s infinite;
}

@keyframes change_color{
    0%{background-color: #E28413;}
    25%{background-color: #F56416;}
    50%{background-color: #DD4B1A;}
    75%{background-color: #EF271B; color:aliceblue;}
    100%{background-color: #EA1744; color: aliceblue;}
}