OTs-14

<style>
@import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
@import url('https://fonts.googleapis.com/css?family=Lateef');
@import url('https://fonts.googleapis.com/css?family=Italianno');
::-webkit-scrollbar{width:0vh;height:0vh;}
 ::-webkit-scrollbar-track{border-radius:20%;background:transparent;}
 ::-webkit-scrollbar-thumb{border-radius:0;background:transparent;}


body{
background: #fff;
}


h1{font-family: 'Italianno', cursive;font-size: 6vh;text-shadow: 0 0 16px #fff;}
*{font-family: 'Lateef', cursive;font-size: 3.4vh;color:#fff;}
a{color: #c5e1f7;text-decoration: underline;transition: 0.5s;}
a:hover{transition: 0.5s;color:fff;text-shadow: 0 0 8px #fff;letter-spacing: 1px;}

#image{
position: fixed;
bottom: 0vh;
left: 5vw;
opacity: 1;
}

#image img{
height: 100vh;
}

@keyframes move1{
from{right: -100vw;}
to{right: 45vw;}
}

@keyframes move2{
from{right: -110vw;}
to{right:25vw;}
}

@keyframes opacity{
from{opacity: 0;}
to{opacity: 1;}
}

@keyframes move3{
from{right: -120vw;}
to{right: 5vw;}
}


#box1, #box2, #box3{
position: fixed;
padding: 1%;
overflow: auto;
height: 12vh;
width: 15vw;
top: 25vh;
background: linear-gradient(45deg, #756023, #a0832e, #7a6117);
transition: 1s;
box-shadow: 2vh 2vh 2vh #7a6117;
border-radius: 1vh;
line-height: 3.5vh;
}



#box1{
animation: move1 2s 1 both;
}

#box1:hover{
height: 60vh;
}

#box2{
animation: move2 2s 1 both;
animation-delay: .5s;
}

#box2:hover{
height: 60vh;
}


#box3{
animation: move3 2s 1 both;
animation-delay: 1s;
}

#box3:hover{
height: 60vh;
}

#title{
position: fixed;
padding: 1%;
height: 10vh;
width: 54.75vw;
text-align: center;
top: 10vh;
right: 5vw;
animation: opacity 2s 1;
animation-fill-mode: both;
animation-delay: 2.5s;
color: #ad8614;
font-family: 'Pinyon Script', cursive;
font-size: 11vh;
text-shadow: .5vh .5vh 1vh #a0832e;
word-spacing: 5vw
}

#credit {
z-index:1;
position:fixed;
height:13vh;
right:1%;
bottom:1%;
background-color:#ffffff;
border-radius:5px;
box-shadow: 0 0 1vh 1vh #fff;
animation: opacity 2s 1;
animation-fill-mode: both;
animation-delay: 2.5s;
}

</style>

<div id="image">
<a target="_blank" href="https://imgur.com/a/6TvjrwG">
<img src="https://i.imgur.com/JMDxRPI.jpg">
</a>
</div>

<div id="title">OTs-14 Groza</div>

<div id="box1">
<center>
<h1>"Otis"</h1>
<br>
OTs-14<br>
Combat Android (T-Doll)
Goes by 'Otis', 'Groza', or 'OTs'.<br>
Approx. 25 years mature<br>
5'8" in height.<br>
143 lbs in weight.<br>
<br>
Bisexual.<br>
Flirtatious/Friendly.<br>
Avid sight-seer/traveler<br>
Enjoys wine and hard cider.<br>
</div>

<div id="box2">
<center>
<h1>Groza</h1>
<br>
Type: Bullpup Assault Rifle<br>
Origina: Russia<br>
<br>
In service: 1994 - present.<br>
Manufacturer: TsKIB SOO<br>
<br>
The OTs-14 “Groza” ("Thunderstorm" or "Terror") bullpup configured, modular assault rifle system was developed during the early 1990s by V. Telesh and Ju. Lebedev at the TsKIB SOO (Central Design Bureau for Sporting and Hunting Arms). Like the predecessor project Tiss, Groza's design is also based on AKS-74U, an attempt to integrate all the best features from close quarter combat weapons into one singular unit. Groza units have a great amount of exchangeable parts with 74U.
</div>

<div id="box3">
<center>
<h1>OTs-14</h1>
<br>
<i>Neither art nor code is mine.<br>
<br>
Shitposting/Muli-para posting.<br>
<br>
Gallery viewed by way of clicking the main image, if that wasn't obvious.<br>
<br>
Flirtatious does not mean looking to suck you off. Don't take it as such.<br>
<br>
I have a life outside of RPC. I may poof from time to time.<br>
<br>
Smut is fine. Story is better.
</div>


<a target="_blank" href="https://pastebin.com/u/AltimaeDTM" target="_blank" title="Thanks for using this layout! Please inform me of issues.">
<img src="https://i.imgur.com/A9wLMgS.png" id="credit"/>
</a>