M4A1 - Casi

<style type="text/css">
    @import url('https://www.themonster.xyz/styles/fancy-fonts.css');
   ::-webkit-scrollbar{width:0.5vh;height:0.1vh;}
    ::-webkit-scrollbar-track{border-radius:0;background:transparent;}
    ::-webkit-scrollbar-thumb{border-radius:0;background:transparent;}

   body{
   background: linear-gradient(to bottom, #262626 50%, #1c1c1c, #0f0f0f);
   overflow: hidden;
   }

   #musicslice{
   position: fixed;
   top: 20px;
   right: 20px;
   height: 50px;
   width: 50px;
   border: 1px solid transparent;
   overflow: hidden;
   -webkit-transition: all 1s;
   transition: all 0s;
   box-shadow: 1px 1px 3px transparent;
   opacity: .8;
   z-index: 10;
   zoom: 150%;}

   #musicslice:active{
   -webkit-transition: all 0s;
   transition: all 0s;
   box-shadow: 0px 0px 0px transparent;}

   #musiccover{
   position: absolute;
   right: 0vw;
   top: 0vw;
   height: 50px;
   width: 50px;
   background-image:url(https://i.imgur.com/jx5rOhj.png);
   background-size: auto 100%;
   background-repeat: no-repeat;
   background-position: center bottom -2px;
    background-color: transparent;
   }

   #musichidden{
   position: absolute;
   right: -10px;
   top: 0px;
   height: 50px;
   width: 50px;
   zoom: 180%;
   opacity: 0;
   z-index: 1;
   overflow: hidden;}
   #image{
   position: fixed;
   bottom: 0vha;
   right: 0vw;
   }


   .abox {background-color: #000; color: #e47e11; font-size: 1.8vw; font-family: 'Exan', sans-serif;; text-align: justify; position: absolute; width:28vw; height:33vw; left:69vw; bottom:3vw; letter-spacing:0px; line-height: 3.9vw; padding: .3vw; overflow:auto; border: .3vw inset #64973F;z-index:0;}

   .abox2 {background-color: #000; color: #E47E11; font-size: 1.1vw; font-family: 'Exan', sans-serif;; text-align: justify; position: absolute; width:28vw; height:15vw; left:vw; bottom:21vw; letter-spacing:0px; line-height: 15px; padding: .3vw; overflow:auto; border: .3vw inset #64973F;z-index:0;}

   .abox3 {background-color: #000; color: #E47E11; font-size: 1vw; font-family: 'Exan', sans-serif;; text-align: justify; position: absolute; width:28vw; height:15vw; left:vw; bottom:3vw; letter-spacing:0px; line-height: 15px; padding: .3vw; overflow:auto; border: .3vw inset #64973F;z-index:0;}


   #nav1, #nav2, #nav3, #nav4, #nav5{
   position: fixed;
   z-index: 2;
   transform: rotate(45deg);
   height: 2vh;
   width: 2vh;
   bottom: 11.5vh;
   background: linear-gradient(to right, #000, #64973F, #C4C627); ;
   box-shadow: 0 0 .5vh #FDDA98;
   transition: 0.5s;
   }

   #nav1{left: 67.25vw; top: 24.2vw;}
   #nav1:hover{background:#FEFCD5;box-shadow: 0 0 1vh #FEFCD5;}
   #nav2{left: 67.25vw; top: 29.2vw;}
   #nav2:hover{background:#FEFCD5;box-shadow: 0 0 1vh #FEFCD5;}
   #nav3{left: 67.25vw; top: 34.2vw;}
   #nav3:hover{background:#FEFCD5;box-shadow: 0 0 1vh #FEFCD5;}
   #nav4{left: 67.25vw; top: 39.2vw;}
   #nav4:hover{background:#FEFCD5;box-shadow: 0 0 1vh #FEFCD5;}
   #nav5{left: 67.25vw; top: 44.2vw;}
   #nav5:hover{background:#FEFCD5;box-shadow: 0 0 1vh #FEFCD5;}


   #info1, #info2, #info3, #info4, #info5{
   position: fixed;
   height: 33vw;
   bottom: 4vw;
   width: 28vw;
   left: 70vw;
   font-family: 'Exan';
   font-size: 2vh;
   color: #fff;
   }

   .appear{opacity: 0; z-index: 4; transition: 2s;overflow: auto;}
   .appear:target{opacity: 1; z-index: 5; transition: 2s;}


   .r{float: right;}

   a {
       color: #40e0d0;
       text-decoration: none;
       transition: 0.3s;
    }
   a:hover{
       color: #fff;
       transition: 0.3s;
   }

   #image{z-index:10;position: absolute;right:36vw;bottom:-1vw;}#image img{height:42vw;}

   #title{
   position: fixed;
   height: 27vh;
   width: 52vw;
   left: 42.5vw;
   top: 5vh;
   z-index: 5;
   }
   t{
    font-family:'Exan';
    font-size: 10vh;
    background: url(https://i.imgur.com/AqgiYta.gif);
   background-size: cover;
   background-position: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 1vh #FFF7C4);
    }
   </style>

   <a href="#info1"><div id="nav1"></div></a>
   <a href="#info2"><div id="nav2"></div></a>
   <a href="#info3"><div id="nav3"></div></a>
   <a href="#info4"><div id="nav4"></div></a>
   <a href="#info5"><div id="nav5"></div></a>

   <div id="image"><img src="https://i.imgur.com/F2DJF8z.png"></div>


   <div id="title"><t>M4A1</t></div>

   <div class="abox"></div>


   <div class="abox2">
       <center><br></center>
 </div>


   <div class="abox3">
    <center>

        <li>Wheaton's Law. Please Follow</li><br>
        <li><u>Girls Frontline Canon</u></li><br>
        <li> Story > Smut > Shitposting</li><br>
        <li>Fighting M4A1 = Bad Time</li><br>
        <li>Can come off as a hard ass. Only Warning</li><br>
        <li>I am not my character. Keep that in mind.</li>

        <br>
        <br>
    </center>
   </div>


   <div id="info1" class="appear">
    The M4 carbine is a shorter and lighter variant of the M16A2 assault rifle. The M4 is a 5.56×45mm NATO, air-cooled, direct impingement gas-operated, magazine-fed carbine. It has a 14.5 in (370 mm) barrel and a telescoping stock.The M4 is capable of firing in semi-automatic and three-round burst (like the M16A2 and M16A4), while the M4A1 is capable of firing in semi-auto and full automatic (like the M16A1 and M16A3).<br><br>
    The M4A1 carbine is a fully automatic variant of the basic M4 carbine intended for special operations use. The M4A1 has a "S-1-F" (safe/semi-automatic/fully automatic) trigger group, while the M4 has a "S-1-3" (safe/semi-automatic/3-round burst) trigger group. The M4A1 is used by almost all U.S special operation units including, but not limited to, Marine Force Recon, Army Rangers, Army Special Forces, Navy SEALs, United States Air Force Pararescue and Air Force Combat Control Teams. The M4A1 is especially favored by counter-terrorist and special forces units for close quarters combat and urban warfare because of the carbine's compact firepower. It has a maximum effective range of about 500 to 600 meters (550–660 yd).<br><br>
    Conversion of M4s to the M4A1 began in 2014, the start of all U.S. Army forces being equipped with the automatic variant. Though in service with special forces, combat in Afghanistan showed the need for providing automatic suppression fires during fire and movement for regular soldiers. The 101st Airborne Division began fielding new-built M4A1s in 2012, and the U.S. 1st Infantry Division became the first unit to convert their M4s to M4A1-standard in May 2014<br>
    <br>
   </div>
   <div id="info2" class="appear">
    <br>
    <h1>Warrior of Sparta</h1>
    Name: <div class="r">Kassandra of Sparta</div><br>
    Age: <div class="r">22</div><br>
    Height: <div class="r">6'1" (186 cm)</div><br>
    Weight: <div class="r"> 197 lbs (90 kg)</div><br>
    Race: <div class="r"><a title="Half blood daughter of Aries">Demi-God*</a></div>
    <br>
    Occupation: <div class="r">Mercenary</div><br>
    Gallery: <div class="r"><a target="_blank" href="https://imgur.com/a/6sovyf3" target="_blank">Enjoy</a></div><br>

   </div>
   <div id="info3" class="appear">
    <br>
    <h1>Extras</h1>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>

   </div>
   <div id="info4" class="appear">
    <br>
    <h1>Friends</h1>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>

   </div>
   <div id="info5" class="appear">
    <br>
    <h1>Out of Character</h1>
    <ol>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>

   </div>



   <div id="musicslice" title="Let The Bullets Fly">
   <div id="musiccover">
   </div>
   <div id="musichidden">
   <audio controls src="https://www.dropbox.com/s/g22b7igkhcujv0i/%5BHonkai%20Impact%20CN%5D%20Nightglow%20-%20Tanya%20Chua.mp3?dl=1" loop=3 id="mus"></audio>
   </div>
   </body>
   </html>