Скорректировать отступ между блоками

#p3
{
    margin-top:10px;
    font-size:50px;
    font-family:century gothic;
    text-align:center;
}
#zareg
{
    font-family:century gothic;
    margin-top:1px;
    font-size:20px;
    border-radius:20px;
    margin-left:70px;
    padding:10px;
    color:white;
    background: -moz-linear-gradient(#51A4FC,#73ADEB);
    background: -webkit-linear-gradient(#51A4FC,#73ADEB);
    background: -o-linear-gradient(#51A4FC,#73ADEB);
    padding-top:5px;
}

margin-top: 1px;

margin-top: 10px;

a
{
    text-decoration:none;
}
body
{
    margin:0;
    padding:0;
    overflow-x:hidden;
}
header
{
    width:100%;
    height:76px;
    background: -moz-linear-gradient(#8ACDE6,#66C2E3);
    background: -webkit-linear-gradient(#8ACDE6,#66C2E3);
    background: -o-linear-gradient(#184156,#112B39);
}
header > img
{
    margin-left:10px;
    float:left;
    margin-right:20px;
}
ul
{
    list-style-type:none;
}
ui
{
    font-size:20px;
}
#smile_block
{
    margin-left:50px;
    height:40px;
}
#top_50
{
}
#vk_button
{
    float:left;
    width:6%;
    float:left;
    margin-left:5px;
}
#vk_button  p
{
    font-size:15px;
    font-family:Comic Sans MS;
    margin-top:40px;
}
#title_reyt
{
    text-align:center;
    color:black;
    font-size:40px;
    font-family:Comic Sans MS;
}
#p1{
    margin-left:600px;
    font-size:30px;
    font-family:Comic Sans MS;
}
#p2{
    
    margin-left:700px;
    font-size:px;
    font-family:Comic Sans MS;
}
#smile
{
    float:left;
}
#chat
{
    margin-left:800px;
}
.menu_buttons
{
    height:70px;
    font-size:40px;
    font-family:Comic Sans MS;
    float:left;
    margin-left:30px;
    color:white;
    
}
.menu_buttons a
{
    color:white;
}
#vihod_s_akka
{
    font-size:40px;
    font-family:Comic Sans MS;
    float:left;
    height:70px;
    color:#1BA1F5;
    
}
#vihod_s_akka_2
{
    font-family:Comic Sans MS;
    float:left;
    font-size:40px;
}
.img_smile>img:hover
{
    width:31px;
    height:31px;
}
#area
{
    float:left;
    width:88%;
    height:60px;
    border-radius:20px;
    border:2px solid silver;
    font-size:30px;
    font-family:Comic Sans MS;
    padding-left:10px;
    overflow-x:hidden;
}
.chat_footer
{
    border-top:1px solid silver;
    padding-left:45%;
    margin-top:5px;
    font-size:15px;
    font-family:Comic Sans MS;
    color:black;
    float:left;
    width:100%;
}
.error
{
    margin-top:350px;
    font-size:50px;
    color:white;
    font-family:Comic Sans MS;
    text-align:center;
}
#reg_info
{
    color:#51A4FC;
    text-align:center;
    margin-top:300px;
    font-family:Comic Sans MS;
    font-size:20px;
}
#sub:hover
{
    background:#73ADEB;
}
#sub
{
    border-radius:5px;
    width:200px;
    height:40px;
    margin-top:10px;
    background: -moz-linear-gradient(#51A4FC,#73ADEB);
    background: -webkit-linear-gradient(#51A4FC,#73ADEB);
    background: -o-linear-gradient(#51A4FC,#73ADEB);
    border:none;
    font-family:Comic Sans MS;
    font-size:20px;
    color:white;
}
#forma_reg
{
    margin:auto;
    width:200px;
    height:100px;
    margin-top:10px;
}
.inputy
{
    border-radius:5px;
    border:none;
    background-color:#47464F;
    width:200px;
    height:35px;
    margin-top:10px;
    font-size:20px;
    color:#F7832A;
    font-family:Comic Sans MS;
}
.inputy:focus
{
    background-color:#8D8D94;
    outline:none;
}
#area:focus
{
    outline:none;
    border:2px solid blue;
}
#text_button
{
    width:100%;
    float:left;
}
.soobshenie
{
    font-size:25px;
    font-family:Comic Sans MS;
    
}
#but_1
{
    float:left;
    border-radius:10px;
    width:100px;
    height:55px;
    margin-top:2px;
    background: -moz-linear-gradient(#F7AF6F,#FA7907);
    background: -webkit-linear-gradient(#F7AF6F,#FA7907);
    background: -o-linear-gradient(#F7AF6F,#FA7907);
}
#wrapper
{
    width:85%;
    height:auto;
    float:left;
}
#wrap_chat_box
{
    width:100%;
    float:left;
    height:auto;
}
#but_otpravit
{
    float:left;
}
#wrapper_online
{
    float:left;
    background:#CBEBF7;
    width:15%;
    height:750px;
}
#digital_watch
{
    margin-left:20px;
    font-size:40px;
    font-family:Comic Sans MS;
    width:7%;
    float:left;
    height:50px;
    margin-top:0;
}
table
{
    margin-left:35%;
    font-size:30px;
    font-family:Comic Sans MS;
}
#online
{
    overflow-x:hidden;
    margin-top:20px;
    padding:10px;
    width:80%;
    height:670px;
    background: -moz-linear-gradient(#8ACDE6,#66C2E3);
    background: -webkit-linear-gradient(#8ACDE6,#66C2E3);
    background: -o-linear-gradient(#184156,#112B39);
    border-radius:20px;
    margin-left:15px;
}
#scroll
{
    width:100%;
    height:750px;
    float:left;
    background:#CBEBF7;
}
#p3
{
    margin-top:80px;
    font-size:70px;
    font-family:Comic Sans MS;
    text-align:center;
    color:#39B6DD;
    margin-bottom:150px;
}
#logo
{
    //margin-left:35%;
    text-align:center;
    
}
#logo img
{
    width:400px;
    height:150px;
    margin-top:20px;
}
#reg_form
{
    background-size:100%;
    color:white;
    margin:0;
    padding:0;
    display:none;
    overflow-x:hidden;
    
}
#wrap_textarea
{
    width:100%;
    float:left;
}
#zareg
{
    font-family:century gothic;
    margin-right:20px;
    font-size:50px;
    border-radius:30px;
    margin-left:400px;
    color:white;
    padding:15px;
    background: -moz-linear-gradient(#51A4FC,#73ADEB);
    background: -webkit-linear-gradient(#51A4FC,#73ADEB);
    background: -o-linear-gradient(#51A4FC,#73ADEB);
    padding-top:5px;
}
#kartinki
{
    float:left;
    width:100%;
    height:auto;
    margin-top:20px;
}
#kartinki > div
{
    float:left;
    width:400px;
    height:400px;
    margin-left:90px;
    border:1px solid silver;
}
#voyti:hover{
    background:#ECE9F5;
}
#zareg:hover{
    background:#ECE9F5;
}
#voyti
{
    font-family:century gothic;
    background:#F7F7C6;
    border-radius:30px;
    font-size:50px;
    padding:15px;
    padding-top:5px;
    margin-left:20px;
    margin-top:1px;
    background: -moz-linear-gradient(#51A4FC,#73ADEB);
    background: -webkit-linear-gradient(#51A4FC,#73ADEB);
    background: -o-linear-gradient(#51A4FC,#73ADEB);
    color:white;
}
#reg_form > footer
{
    width:100%;
    float:left;
    margin-top:30px;
    border-top:1px solid silver;
}
#shapka > img
{
    margin-top:20px;
    margin-left:20px;
}
#shapka
{
    position:fixed;
    width:100%;
    height:50px;
    background:#FAF5F5;
}
#note
{
    margin-top:4px;
    color:#A18CD4;
    height:auto;
    font-family:Comic Sans MS;
    font-size:30px;
    width:100%;
    text-align:center;
    
    
}
#note img
{
    //width:400px;
    //height:300px;
}
#note p
{
    margin-top:60px;
    //border-bottom:1px solid silver;
}
#info1
{
    float:left;
    margin-left:12%;
}
#info2
{
    float:left;
    margin-left:30px;
}
#note img
{
    float:left;
}
#fon
{
    background:url(zakat.jpg) no-repeat;
    background-size:100%;
    background-color:rgba(0,0,0,.1);
    width:100%;
    height:100%;
 
}
#fon2
{
 
}
#buttons
{
    width:100%;
    height:695px;
    font-size:50px;
    font-family:Comic Sans MS;
    color:#387CF2;;
}
.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    display: none;
    pointer-events: none;
}
.modalDialog:target {
    display: block;
    pointer-events: auto;
}
.modalDialog > div {
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
    width:40%;
    height:auto;
    color:black;
}
.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
   width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
   box-shadow: 1px 1px 3px #000;
}
 
.close:hover { background: #00d9ff; }
.circles {
  height: 290px;
  width: 290px;
  position: absolute;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate3D(-50%, -50%, 0);
}
 
.circle {
  box-sizing: border-box;
  position:absolute;
  width: 100%;
  height: 100%;
  border: 14px solid transparent;
  border-radius: 115% 140% 145% 110%/125% 140% 110% 125%;
  mix-blend-mode: screen;
}
.circle:nth-child(1) {
  border-color: #DB4437;
  transform-origin: 50% 50%;
  animation: spin1 8s linear infinite;
}
.circle:nth-child(2) {
  border-color: #F4B400;
  transform-origin: 50% 50%;
  animation: spin2 8s linear infinite;
}
.circle:nth-child(3) {
  border-color: #4285F4;
  transform-origin: 50% 50%;
  animation: spin3 8s linear infinite;
}
.circle:nth-child(4) {
  border-color: #0F9D58;
  transform-origin: 50% 50%;
  animation: spin4 8s linear infinite;
}
 
@keyframes spin1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin2 {
  0% {
    transform: rotate(72deg);
  }
  100% {
    transform: rotate(-288deg);
  }
}
@keyframes spin3 {
  0% {
    transform: rotate(-144deg);
  }
  100% {
    transform: rotate(216deg);
  }
}
@keyframes spin4 {
  0% {
    transform: rotate(216deg);
  }
  100% {
    transform: rotate(-144deg);
  }
 
.warning {
  color: white;
  font-family: sans-serif;
  text-align: center;
  display: inline-block;
  padding: 50%;
  width: 80%;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate3D(-50%, -50%, 0);
}
 
@supports (mix-blend-mode: screen) {
  .warning {
    display: none;
  }
}
#zagruzka
{
    width:100%;
    height:100%;
    background:black;
}