body{
  margin: 0;
  text-align: center;
/*   font-family: 'Merriweather', serif; */
  font-family: "Times New Roman", Times, serif !important;
}

canvas {display: block;}

.bottom-container{
  /* background-color: #79a3b1; */
  background-color: #16697a;
  padding: 50px 0 20px;
  position: fixed;
 left: 0;
 bottom: 0;
 width: 100%;
 text-align: center;
}

/* .top_container{
  background-color:#184d47;
  position: relative;
  padding-top: 150px;
  margin-bottom: 0;
} */

.footer-link{
  color: #222831;
  padding-right: 15px;
}
.ending{
  padding-top: 10px;
  color:#EAF6F6;
}

#navbar{
    border-radius: 0;
      background-color:#03506f;
}
.navbar {
    padding-top: 15px;
    padding-bottom: 15px;
    border: 0;
    margin-bottom: 0;
    font-size: 12px;
    letter-spacing: 5px;

}
.navbar-nav  li a:hover {
    color: #9f5f80 !important;
}

   .button {
     display: inline-block;
     border-radius: 5px;
     background-color: #9f5f80;
     border: none;
     color: #0a043c;
     text-align: center;
     font-size: 28px;
     font-weight:550;
     padding: 20px;
     width: 400px;
     transition: all 0.5s;
     cursor: pointer;
     margin: 5px;
     margin-bottom: 60px;
     margin-top: 20px;
   }

   .button span {
     cursor: pointer;
     display: inline-block;
     position: relative;
     transition: 0.5s;
   }

   .button span:after {
     content: '\00bb';
     position: absolute;
     opacity: 0;
     top: 0;
     right: -20px;
     transition: 0.5s;
   }

   .button:hover span {
     padding-right: 25px;
   }

   .button:hover span:after {
     opacity: 1;
     right: 0;
   }

   .nb{
     font-family: Comic Sans Ms;
   }


   .skill-row{
  width:50%;
  margin:50px auto 50px auto;
  text-align: left;
}
   /* 92b0b3 */
   .files input {
       outline: 2px dashed #34626c;
       outline-offset: -10px;
       -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
       transition: outline-offset .15s ease-in-out, background-color .15s linear;
       padding: 120px 0px 85px 35%;
       text-align: center !important;
       margin: 0;
       width: 100% !important;
   }
   .files input:focus{     outline: 2px dashed #92b0b3;  outline-offset: -10px;
       -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
       transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;
    }
   .files{ position:relative}
   .files:after {  pointer-events: none;
       position: absolute;
       top: 40px;
       left: 0;
       width: 50px;
       right: 0;
       height: 56px;
       content: "";
       background-image: url(https://image.flaticon.com/icons/png/128/109/109612.png);
       display: block;
       margin: 0 auto;
       background-size: 100%;
       background-repeat: no-repeat;
   }
   .color input{
     /* background-color:#f1f1f1; */
     background-color: #bbbbbb;
   }
   /* #fileUpload{
     align: center;
   } */
   .files:before {
       position: absolute;
       top:150px;
       bottom: 10px;
       left: 0;  pointer-events: none;
       width: 100%;
       right: 0;
       height: 57px;
       content: "or Drag it Here.";
       display: block;
       margin: 0 auto;
       padding-top: 20px;
       /* color: #2ea591; */
       color: #532e1c;
       font-weight: 600;
       text-transform: capitalize;
       text-align: center;
   }