Untitled

<!DOCTYPE HTML>
<html>
 <head>
  <title> SlothBomber - The World's Best Email Bomber </title>
  <link href="https://fonts.googleapis.com/css?family=Lexend+Deca&display=swap" rel="stylesheet">
  <meta charset="utf-8">
  <meta name="keywords" content="email bomber, premium email bomber, sms bomber">
  <link rel="stylesheet" type="text/css" href="stylesheet.css">
 </head>
 <body>
   <ul>
     <li><img width="60" height="50" src="logo.png"></li>
     <li><a class="active" href="#home">Home</a></li>
     <li><a href="#order">Order</a></li>
   </ul>
   <p class="redbanner"> SlothBot - The World's Best Instagram Automation Bot <br>
      Cheapest Instagram Automation bot on the market!</p>
    <div class="redbox">
     <h1> Lifetime Access </h1> <hr>
     <h2> Features </h2>
     <ul>
       <li class="lol">★ One account at a time </li>
       <li class="lol">★ Highly configurable </li>
       <li class="lol">★ Follow bot </li>
       <li class="lol">★ Like bot </li>
       <li class="lol">★ Unfollow bot </li>
       <li class="lol">★ Undetectable </li>
       <li class="lol"> ★ Customized Targets</li>
       <li class="lol"> &nbsp </li>
     </ul>
     <a href="order">
    <button class="purchasebutton"> Purchase </button> </a>
    </div>
 </body>
</html>


body {
  background-color: rgb(25,25,25);
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width:100%;
  background-color: rgb(209, 49, 38);
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  font-family: 'Lexend Deca', sans-serif;
  font-size: 19px;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover:not(.active) {
  background-color: rgb(150, 44, 36);
}

.active {
  background-color: rgb(242, 62, 29);
}

.redbanner {
  position: fixed;
  top:30px;
  width: 100%;
  background-color: rgb(232, 74, 74);
  color:white;
  font-family: 'Lexend Deca', sans-serif;
  font-size: 32px;
  text-align: center;
}
.lightbox {
  position: fixed;
  color:white;
  top:100%;
  width: 300px;
  border: 15px solid green;
  padding: 50px;
  margin: 20px;
}
.redbox {
  background-color: rgb(207, 70, 70);
  color:white;
  font-family: 'Lexend Deca', sans-serif;
  font-size: 18px;
  position: fixed;
  top: 210px;
  left: 39.2%;
  text-align: center;
  width: 450px;
  max-width: 450px;
  min-width: 450px;
  min-height: 500px;
  max-height: 500px;
  height: 500px;
  border-style: solid;
  border-radius: 10px;
}
.redbox h2 {
  font-size: 25px;
}
.redbox hr {
  border-width: 4px;
}
.rebox ul {
  display: block;
}
.redbox ul li {
  display: block;
}
.lol {
  font-size: 21px;
  background-color: rgb(207, 70, 70);
  display: block;
  float: none;
}
.purchasebutton {
  background-color: rgb(207, 70, 70);
  color: white;
  font-size: 27px;
  text-decoration: none;
  color: white;
  text-decoration-color: white;
  min-width: 160px;
  min-height: 45px;
  max-width: 160px;
  max-height: 45px;
  border-style: solid;
  border-radius: 10px;
}