@font-face {
       font-family: font1;
       src: url(../fonts/Comfortaa-Light.ttf);
}

body {
       margin-top:0px;
       margin-left: 0px;
       margin-right: 0px;
       background: #000;
}

a:link {
       color: #fff;
       text-decoration: none;
}

a:visited {
       color: #fff;
       text-decoration: none;
}

a:active {
       color: #333333;
}

.logo {
       max-width: 100%;
       height: auto;
}

.buttons {
       font-family: font1;
       font-size: 16px;
       font-weight: bold;
       background: #000;
       width: 100%;
       margin-left: 5px;
       transition: 0.6s;
}

.buttons:hover {
       color: #000;
       background: #fff;
}

.hl {
       font-family: font1;
       text-align: center;
       font-size: 14px;
       font-weight: bold;
       color: #fff;
       margin-top: -4px;
}

.audio {
       font-family: font1;
       font-size: 14px;
       color: #fff;
       margin-left: 10%;
}

.news {
       white-space: pre-wrap;       
       text-align: justify;
       line-height: 23px;
       font-size: 17px;
       margin-top: -31px;
       padding-right: 30%;
       padding-left: 30%;
       padding-top: 20px;
       padding-bottom: 20px;
       background-color: #fff;
}

form {
       margin-left: 20px;
}       

input[type=submit] {
       font-family: font1; 
       font-weight: bold;
       font-size: 19px;
       background-color: #fff;
}

textarea {
       border: 2px solid #aaa;
}

#caption {
       font-family: font1;
       font-weight:bold;
       font-size : 14px;       
       color: #fff;
       margin-top: 20px;
       margin-left: 20px;
}

.index {
      font-family: font1;
      font-size: 19px;
      margin-left: 20px;
}