Css

#div1

{

background-color: rgb(217, 226, 224);padding: 20px;

}

#span1

{

color:rgb(255, 255, 255);

border-radius: 15px;

background-color:rgb(26, 39, 223);

text-align: center;

/* padding-left: 15px;

padding-top: 10px;

padding-right: 15px;

padding-bottom: 10px; */

padding: 10px;

}

#span1:hover:hover{

color: brown;

}

#span2

{

color: aliceblue;

border-radius: 15px;

background-color: rgb(9, 9, 207);

text-align: center;

padding: 10px;

}

#span2:hover{

color: brown;

}

#op{

background-color:rgb(214, 36, 12); color:rgb(10, 231, 47);

}

#span3

{

font-size: 22px;

padding: 5px;

}

.div3 span a:hover

{

color: blueviolet;

}

.gier{

border: 5px solid greenyellow;

border-radius:30px;

padding:40px;

float: left;

font-size:35px;

margin-bottom:10px;

margin-right:40px;

width:5cm;

height:4cm;

text-align: center;

}

#p{

transform: rotateZ(-45deg);

}

#p:hover{

box-shadow: 0 4px 8px 0 rgba(224, 6, 53, 0.2), 8px 6px 20px 4px rgba(3, 182, 17, 0.19);

}

.gier:hover

{

background-color:#dae2f0;

}

body{

background-color: aliceblue;

}

#a

{

color: blueviolet;

}