sign_up.css

section {
    padding: 50px;
    background-color: rgb(221, 217, 217);
}

.sign {
    text-decoration: none;
}

h1 {
    font-size: 50px;
}

.submit {
    /* border-radius: 10%; */
    width: 40%;
    height: 35px;
    background-color: rgb(221, 217, 217);
}

.submit:hover {
    background-color: rgb(197, 197, 197);
}

.form {
    margin-left: 22%;
    width: 50%;
    background-color: rgba(180, 180, 180, 0.779);
}

form {
    /* background-color:#777; */
    /* border-radius: 15px; */
    /* color: rgb(131, 130, 130); */
    margin-left: 37%;
}

.input {
    display: block;
    background-color: rgb(131, 130, 130);
    padding: 10px;
    border-radius: 10px;
}

.sign_text {
    display: inline;
    font-size: 20px;
}







/*wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww*/




.title {
    background-color: rgb(206, 206, 206);
    width: 98.7%;
    text-align: center;
    float: left;
    padding:10px;
  }
  
  .list {
    list-style-type:none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:rgb(57, 57, 57);
    left: 0px;
    top: 0px;
    list-style-position: inside;
    position: sticky;
    display: block;
  }
  
  .more {
    padding:10px;
    background-color:rgb(219, 215, 215);
    text-align: center;
    height: 391px;
  }
  
  .moreul {
    float: left;
  }
  
  .moreli {
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
    text-decoration: none;
    margin: 10;
    padding: 10;
    font-size: 20px;
    display: block;
    width: 600px;
    text-align: left;
    height: 32px;
  }
  
  .moreli:hover {
   background-color: rgb(197, 197, 197);
  }
  
  .more-link {
    text-decoration: none;
    padding: 14px;
    color:black;
  }
  
  .video {
    width: 68%;
  }
  
  .list-link {
   display: block;
   background-color:rgb(57, 57, 57);
   color: seashell;
   padding: 12px;
   text-align: center;
   display: inline;
   float: left;
   text-decoration: none
  }
  
  .list-link:hover {
    background-color:rgb(83, 83, 83);
  }
  
  body {
    background-size: 50px;
  }
  
  .news {
    background-color: silver;
    width: 55%;
    text-align: center;
    float: left;
    padding:10px;
  }
  
  .newstext {
    text-align:left;
    float: right;
  }
  
  /* Style the header */
  header {
    background-color: rgba(0, 195, 255, 0.8);
    text-align: center;
    font-size: 35px;
    color: white;
  }
  
  /* Create two columns/boxes that floats next to each other */
  nav {
    float: left;
    width: 30%;
    height: 300px; /* only for demonstration, should be removed */
    background: #ccc;
    padding: 20px;
  }
  
  /* Style the list inside the menu */
  nav ul {
    list-style-type: none;
    padding: 0;
  }
  
  article {
    float: left;
    padding: 20px;
    width: 70%;
    background-color: #f1f1f1;
    height: 300px; /* only for demonstration, should be removed */
  }
  
  /* Clear floats after the columns
  section::after {
    content: "";
    display: table;
    clear: both;
  } */
  
  /* Style the footer */
  footer {
    background-color: #777;
    padding: 10px;
    text-align: center;
    color: white;
  }
  
  @media only screen and (max-width: 800px) {
    .news {
      width: 95.5%;
    }
    .list-link {
      width: 95.5%;
      display: inline;
    }
    .video {
      width: 100%;
      height: 220px;
    }
    .newstext {
      text-align:center;
      float: none;
    }
    .moreli {
      width: 105%;
    }
    .title {
      width: 95.7%;
    }
    
  }