styles_e.css

body {
    background-color: rgb(105, 174, 201);
    margin-bottom: 50px;
}
.body {
    margin-left: 280px; 
    margin-right: 100px; 
    background-color: rgb(78, 226, 226); 
    margin-bottom: 30px; 
    border-radius: 10px;
}
.head {
    text-align: center; 
    border-radius: 5px; 
    background-color: black; 
    color: white; 
    padding: 10px; 
    margin: 10px;
}
.show, .fading, .slide, .animation, .stop, .callback, .chaining {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: center;
}
button {
    height: 30px; 
    width: 200px; 
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; 
    background-color: blue; 
    border: 1px solid blue; 
    color: white; 
    cursor: pointer; 
    border-radius: 7px; 
    margin: 5px; 
    text-transform: uppercase;
}
header {
    margin-left: -30px;
}
li {
    margin: 5px;
    font-size: medium; 
    font-weight: 500px; 
    background-color: rgb(129, 129, 163); 
    padding: 7px; 
    display: block; 
    cursor: e-resize;
}
ul {
    display: inline-block; 
    position: fixed;
}
a {
    text-decoration: none; 
    color: white; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: large; 
    font-weight: 200px;
}
.f1, .f2, .f3 {
    height: 80px; 
    width: 80px; 
    display: none; 
    text-align: center;
}
.anim, .anim2, .anim3, .anim4 {
    height: 80px; 
    width: 80px; 
    text-align: center; 
    position: absolute;
}
.slidd, .slidu, .slidt, .back, .chain2 {
    padding: 5px;
    margin-left: 60px;
    margin-right: 60px;
    text-align: center;
    background-color: rgb(163, 163, 163);
    border: 1px solid rgb(77, 75, 75);
    border-radius: 5px;
}
.stp2 { 
    padding: 5px; 
    display: none; 
    margin: 30px; 
    padding: 50px; 
    font-size: 18px; 
    text-align: center; 
    background-color: rgb(163, 163, 163); 
    border: solid 1px #666; 
    border-radius: 6px;
}
a.top, a.next {
    background-color: red;
    color: white;
    height: 34px;
    width: 100px;
    border-radius: 14px;
    text-decoration: none;
    border: 0.001px solid red;
    padding-left: 40px; 
    padding-right: 40px; 
    padding-top: 10px; 
    padding-bottom: 10px;
}
a.top {
    margin-left: 300px; 
    margin-top: 40px;
}
a.next {
    margin-left: 613px;
}
hr {
    color: black; 
    margin: 10px; 
    height: 3px; 
    background-color: white; 
    border-radius: 5px;
}