contactstyle.css

.container{
    font-family: Arial, Helvetica, sans-serif;
   
    background-image:linear-gradient(#6495ED , #f4f4f4) ;
  
  }
  header{
      background-color:#000 ;
      color: white;
      border-bottom: #ff7f50 10px solid;
      padding-top: 35px;
      padding-bottom: 25px; 
      font-size:30px ;
  }
  img {
       float:right;
       width: 150px;
       height: 150px;
       margin:0px 50px 0px 
   
      }
  
  nav{
      margin: 0;
      text-decoration: none;
      padding: 8px 0 8px 0;
      background-color: #6495ED;
      width:100%;
      overflow: hidden;
   }
  
   nav ul{
      margin: 0;
      padding: 0;
   }
  
   nav li{
      float: left;
      padding-left: 15px;
      padding-right: 15px;
      display: inline;
   }
  
   li a {
      text-decoration: none;
      text-transform: uppercase;
      font-size: 18px;
      color: #fff;
   }
  
   li  .current a{
     color: black;
   }
  
   a:hover{
      color: #000;
      font-weight: bold;
   }
   .box{
     float:left;
     background:url(https://coolbackgrounds.io/images/backgrounds/index/ranger-4df6c1b6.png);
      width:460px;
      border:5px rgb(21, 6, 85);
      padding:45px;
      margin:60px 75px;
  
   }
   .map{
     
     margin:20px 600px 130px 90px;
   }
   .row::after{
     content:"";
     display:table;
     clear:both;
   }
  
   footer{
     text-align: center;
     background-color: #ff7f50;
     color: #000;
     padding: 20px 0 10px 0;
     margin: 0;
   }


   #btnstyle
   {
     color:#fff;
     background-color: blue;
     margin:90px 120px;
     width:200px;
     height:50px;
   }