стиль в шапке

<!DOCTYPE html>
<html><head>

<div class="head">
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8"/>
<meta name="viewport"
content="width=device-width; initial-scale=1; maximum-scale=1.0; user-scalable=0" />
<meta name="description" content="<?=$description?>"/>
<meta name="keywords" content="<?=$title?>"/>
<meta name="theme-color" content="#5b2d79" />
<meta name="msapplication-nav-button-color" content="#5b2d79" />
<link rel="stylesheet" type="text/css" href="/style.css" />
<div class="head">
<title><?=$title?></title>
</head>
<div class="head">
<body>

body {
  background: #232323;
  font-family: Sans-Serif;
  font-size: 13px;
  margin: auto;
  max-width: 500px;
  color: #6D6B6B;
  overflow-wrap: break-word;
}

a{
color: #FFFFFF;
  text-decoration: none;
}

img {
       vertical-align: middle;
}

.head {
  background: url(img/head.png);
  border-bottom: 2px solid rgb(109, 55, 131);
}

.head2 {
  background: url(img/head.png);
  border-bottom: 2px solid rgb(109, 55, 131);
}

.fo {
  background: url(fo.png) no-repeat left, url(f.png);
  padding: 37px;
  border-top: 2px solid rgb(128, 75, 148);
}

.rekl {
    background: rgb(57, 39, 65) url(rek.png) no-repeat right top;
  padding: 12px;
  border-top: 1px solid rgb(120, 66, 142);
  border-bottom: 2px solid rgb(109, 55, 131);
  color: rgb(242, 242, 242);
  display: block;
}

.title {
  background: url(title.png);
  padding: 14px;
  border-top: 1px solid rgb(153, 82, 181);
  border-bottom: 2px solid rgb(174, 120, 195);
  font-weight: bold;
  color: white;
  display: block;
}

.menu{
  background: #EDE0F2;
  padding: 10px;
}

.news {
  background: #F5F5F5;
  padding: 10px;
  display: block;
  border-radius: 5px;
  color: rgb(197, 160, 166);
}

.link {
  background: white;
  padding: 12px;
  border-top: 2px solid rgb(236, 208, 211);
  border-bottom: 2px solid rgb(223, 223, 223);
  margin: -1px;
  display: block;
  color: rgb(136, 136, 136);
}

.link img {
  vertical-align: middle;
  margin-bottom: 5px;
}

.link2 {
  background: white;
  border-bottom: 1px solid #DFCBCF;
  padding: 12px;
  margin: -1px;
  display: block;
  color: rgb(137, 137, 137);
}

.cnt {
  float: right;
  background-color: #C29DD0;
  padding: 3px 4px;
  border-radius: 3px;
  text-shadow: none;
  margin: -3px 0px 0 0;
  color: #FFFFFF;
}

.cnt2 {
  float: right;
  background-color: #703A86;
  padding: 6px 8px;
  border-radius: 3px;
  border-top: 1px solid rgb(94, 54, 111);
  border-bottom: 1px solid rgb(150, 95, 173);
  margin: -14px;
  color: #FFFFFF;
}

.mine {
  background: -webkit-linear-gradient(bottom, #F4D7FF 50%, #F9E8FF 50%);
  padding: 15px;
  border-top: 1px solid rgb(247, 229, 255);
  text-shadow: 1px 1px 1px white;
  border-bottom: 1px solid rgb(212, 177, 226);
  display: block;
  color: rgb(154, 107, 173);
}

input {
padding: 10px;
  background: rgb(253, 249, 255);
  border: 1px solid rgb(211, 176, 224);
  border-radius: 4px;
  color: rgb(155, 116, 155);
}

.foot a {
  background: rgb(143, 68, 173);
  padding: 16px;
  color: white;
  border-bottom: 4px solid rgb(109, 55, 131);
  display: block;
  text-shadow: 1px 1px 1px rgb(136, 64, 166);
  font-weight: bold;
  font-size: 12px;
  text-align: center;
}

.foot2 a {
  background: rgb(136, 64, 166);
  padding: 16px;
  color: white;
  border-bottom: 4px solid rgb(109, 55, 131);
  display: block;
  text-shadow: 1px 1px 1px rgb(136, 64, 166);
  font-weight: bold;
  font-size: 12px;
  text-align: center;
}