Какая-то ошибка в файле html,css ⇐ Html

[Anonymous]

Я только что изучил HTML и CSS, поэтому попытался создать с его помощью простой веб-сайт
используя этот код
почему «решение проблем» розовое, а не синее?
это не настоящая проблема, но я действительно не знал, как ее решить


Это сайт, который я создал

Код: Выделить всё

*{
margin: 3px 3px 3px 3px;
padding: 3px 3px 3px 3px;
font-size: 20px;
width: auto;
height: auto;
text-align: center;
font-family: sans-serif;

}
body{
background-color: #17202A ;
}
h1{
color: #AB2C5C;
font-size: 30px;
}
h2{
font-size: 26px;
}
h3{
font-size: 23px;
}
.x{
color: #4D5656 !important;

}
.ol1{
border:  1px 1px 1px 1px;
border-style: solid;
border-radius: 1px 1px 1px 1px;
font-size: 18px;

}
.ul1{
border:  1px 1px 1px 1px;
border-style: solid;
font-size: 18px;
border-radius: 1px 1px 1px 1px;
}
.ol2{
border:  1px 1px 1px 1px;
border-style: solid;
font-size: 18px;
border-radius: 1px 1px 1px 1px;
}
.ul2{
border:  1px 1px 1px 1px;
border-style: solid;
font-size: 18px;
border-radius: 1px 1px 1px 1px;
}
#p1{
width: 150;
height:auto;
border: 3px solid;
font-size: 18px;
margin: 10px;
}
#p1:hover{
Color: darkred;
}
#p2:hover{
Color: darkred;
}
#p2{
border: 3px solid;
height:auto;
font-size: 18px;
width:auto;
margin: 4px;
}

и это CSS, так в чем проблема?

Подробнее здесь: https://stackoverflow.com/questions/702 ... l-css-file