body {
    height: 100rem;

  margin: 0 !important;
  padding: 0 !important;



  font-family: sans-serif;

  background: #0d0d0d;
}

.headerBox{
    width: 100%;
    height:10%;

    position: fixed;
    top:0%;
    left:0%;


    margin-bottom:240px;

    /*padding:40px;*/
    background-color:#0d0d0d;
    border-bottom: 2px solid #0a0a0a;

    z-index: 1;

}

.headerBox h2{

    color:#ffffff;
    font-size: 20px;
    text-align: left;

    float:right;


    padding-left: 0.5%;

    margin-top: 1%;
    margin-right: 10%;



    border-left: 2px solid #b30000

}

.index{
    color: #ffffff;
    font-size: 30px;


    position:relative;
    top: 25%;

    left: 2%;




    padding:8px;

    text-decoration: none;

    border-left: 2px solid #b30000


}



.text-box-input{

    width: 100%;


    font-size: 16px;

    position: relative;



  outline: none;
    overflow: hidden;
    background: #070707 !important;


    padding:10px;
    padding-left:8px;

    margin: 0 0 8px 0;

    border:none;

    border-left: 1px solid #b30000;

    border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;








  color: #ffffff;

    transition: border 500ms ease-in-out;

}



.text-box-input:focus{


    border-left-color: #ffffff;


}






.submit-frame{

  width: 40%;


  margin-left: 8px;



  border: 1px solid #b30000;
  background: none;
  padding: 8px;
  margin-top: 8px;
  outline: none;

  border-radius: 5px;

  cursor: pointer;

  color: #ffffff;

  transition-duration: 500ms;


}

.submit-frame:hover{

  /*background: #b30000;*/
  /*border-color: #ffffff;*/
  background: #b30000



}

.new-frame{
  width: 40%;


  float: left;
  margin-left: 8px;




  border: 1px solid #b30000;
  background: none;
  padding: 8px;
  margin-top: 8px;
  outline: none;

  border-radius: 5px;

  cursor: pointer;

    text-align: center;
    font-size: 13px;
  color: #ffffff;
    text-decoration: none;

  transition-duration: 500ms;

}


.new-frame:hover{

  /*background: #b30000;*/
  /*border-color: #ffffff;*/
  background: #b30000


}

#error-Box {
  width: fit-content;
  height: 20px;
  font-size: 16px;
  color: #b30000;
  margin: 6px 0 8px 0
}