#link{
color: red; /* цвет текста */
 font-family: arial;
 font-size: 16pt;
border: 3px green solid; /* стили рамки */
margin: auto;
  padding: 5px;
 -moz-border-radius: 20px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 20px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius: 20px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 20px; /* закругление углов для всех, кто понимает */
  background: #ffc; /* Цвет фона */
    padding: 2px; /* Поля вокруг текста */
    transition: 1s linear; /* Время изменения */
}

#link:hover {
    color: #fff; /* Цвет текста */
    background: #008; /* Цвет фона */
   }

#div{
 max-width: 800px; /* Длина фигуры */
 color: green; /* цвет текста */
 font-family: arial;
 font-size: 16pt;
 text-align: justify;
 background: #fefefe; /* фон блока */
 border: 3px orange solid; /* стили рамки */
margin: auto;
  padding: 5px;
 -moz-border-radius: 20px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 20px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius: 20px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 20px; /* закругление углов для всех, кто понимает */
}

#zagolovok{
 max-width: 800px; /* Длина фигуры */
 color: green; /* цвет текста */
 font-family: arial;
 font-size: 17pt;
 text-align: center;
 background: #eef; /* фон блока */
 border: 3px #aaf solid; /* стили рамки */
 margin: 5px auto;
  padding: 5px;
 -moz-border-radius: 20px 20px 0 0; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 20px 20px 0 0; /* закругление для старых Chrome и Safari */
 -khtml-border-radius: 20px 20px 0 0; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 20px 20px 0 0; /* закругление углов для всех, кто понимает */
}

#text{
 max-width: 800px; /* Длина фигуры */
 color: blue; /* цвет текста */
 font-family: arial;
 font-size: 14pt;
 text-align: justify;
 background: #fafafa; /* фон блока */
 border: 3px #bbb solid; /* стили рамки */
margin: 5px auto;
padding: 5px;
 -moz-border-radius: 0 0 20px 20px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 0 0 20px 20px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius: 0 0 20px 20px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 0 0 20px 20px; /* закругление углов для всех, кто понимает */
}

#name{
 width: 200px; /* Длина фигуры */
 color: green; /* цвет текста */
 font-family: arial;
 font-size: 12pt;
 text-align: center;
 background: #ffe; /* фон блока */
 border: 5px orange solid; /* стили рамки */
 margin: auto;
  padding: 5px;
 -moz-border-radius: 20px 20px 0 0; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 20px 20px 0 0; /* закругление для старых Chrome и Safari */
 -khtml-border-radius: 20px 20px 0 0; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 20px 20px 0 0; /* закругление углов для всех, кто понимает */
}

#ugolkrug{
 /*width: 100px;  Длина фигуры */
 /*height: 200px;  Высота фигуры */
 color: blue; /* цвет текста */
 text-align: center;
 background: #fee; /* фон блока */
 border: 5px #fc8 solid; /* стили рамки */
 margin: 10px;
  padding: 5px;
 -moz-border-radius: 0 0 20px 20px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 0 0 20px 20px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius: 0 0 20px 20px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 0 0 20px 20px; /* закругление углов для всех, кто понимает */
}

#left{
 width: 150px;  /*Длина фигуры */
 /*height: 200px;  Высота фигуры */
 color: blue; /* цвет текста */
 font-family: arial;
 font-size: 16pt;
 text-align: right;
 background: #ffe; /* фон блока */
 border: 3px orange solid; /* стили рамки */
 margin: auto;
  padding: 5px;
 -moz-border-radius: 20px 0 0 20px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 20px 0 0 20px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius: 20px 0 0 20px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 20px 0 0 20px; /* закругление углов для всех, кто понимает */
}

#right{
 width: 100%;  /*Длина фигуры */
 /*height: 200px;  Высота фигуры */
 color: green; /* цвет текста */
  font-family: arial;
 font-size: 16pt;
text-align: left;
 background: #fee; /* фон блока */
 border: 3px violet solid; /* стили рамки */
 margin: auto;
  padding: 5px;
 -moz-border-radius: 0 20px 20px 0; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 0 20px 20px 0; /* закругление для старых Chrome и Safari */
 -khtml-border-radius: 0 20px 20px 0; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 0 20px 20px 0; /* закругление углов для всех, кто понимает */
}

button {
  border-radius: 10px;
  background-color: #ffb;
  border: 2px solid green;
  color: hotpink;
  padding: 3px;
  margin-bottom: 4px;
  font-size: 13pt;
}
button:hover {
  background-color: #bfb;
}
.click {
  background-color: #bfb;
}
.hide {
  opacity: 0%
}
.appear {
  opacity: 100%
}
div {
  text-align: center;
  //width: 800px;
  //border: 2px solid green;
}

#agro {
  border-radius: 10px;
  text-align: left;
  border: 2px solid green;
  padding: 3px;
  margin-bottom: 5px;
}

#red {
  background-color: #fbf;
  text-align: left;
}

#green {
  background-color: #bfb;
  text-align: left;
}