* {box-sizing:boder-box}
	   body {
      font-family: Arial, Helvetica, sans-serif;
      background-color: #1a1a1a;
      background-repeat: no-repeat;
      background-attachment: fixed;  
      background-size: cover;
      margin: 0;
  padding: 0;
}

.topnav {
  background-color: #000000;
  padding: 10px 20px;
  text-align: center;
}

.topnav a {
  margin-right: 20px;
  color: white;
  text-decoration: none;
}

.topnav a.split {
  float: right;
  background-color: #C70039;
  color: white                                     ;
}

.topnav a.split-left {
  float: left;
  background-color: #C70039;
  color: black;
}
 
.topnav {
  overflow: hidden;
  background-color: #000000;
}

.topnav a {
  float: right;
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: grey;
  color: white;
}

.topnav a.active {
  background-color: grey;
  color: black;
}

.topnav input[type=text] {
  float: right;
  padding: 6px;
  margin-top: 8px;
  margin-right: 16px;
  border: none;
  font-size: 17px;
}

@media screen and (max-width: 600px) {
  .topnav a, .topnav input[type=text] {
    float: none;
    display: block;
    text-align: left;
    width: 20%;
    margin: 0;
    padding: 14px;
  }
  
  .topnav input[type=text] {
    border: 1px solid #ccc;  
  }
}
.       logo {
    width: 20px; 
    height: 20px; 
    background: url('l2.png') no-repeat center center; 
    background-size: contain; 
    border-radius: 5%; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
    margin: 20px ; 
} 

     a {
            color: black; 
            text-decoration: none; 
        }

        
        a:hover {
            color: red; 
        }

        
        a:visited {
            color: white; 
        }

        
        a:active {
            color: green; 
        }
		
		
  h1{ 
        color: white;
		font-size: 65px;
		text-align: center
		font-family: serif;
  }

.contactme {
  display: inline-block;
  padding: 15px 30px;  
  font-size: 18px;  
  background-color: #C70039; 
  color: white;  
  text-decoration: none;  
  border-radius: 5px;  
  cursor: pointer;  
  transition: background 0.3s ease;  
}

.contactme:hover {
  background-color: #444;
  color: #000000; 
}

.p title {
	color: white;
}