.roman 
{

 position: fixed;
  top: 420px;
  left: 1px;
  
 
}


.roman1
{

 position: fixed;
  top: 420px;
 left: 1px;
}





.yt {
  padding: 15px 25px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: brown;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

.yt:hover {background-color: #3e8e41}

.yt:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
















 





.alisa:hover

{

background-color: #FF7E00;
}

.aarav:hover

{
background-color: lightblue;
}







.alisa

{
 height: 610px;
width :100%;
padding:15px;
 background-repeat: no-repeat;
  background-color: #ffe6e6;
 
box-shadow: 0px  8px 16px 0px rgba(0,0,0,0.2);

 border: 3px solid coral;
  animation: mymove 2s infinite;
}

@keyframes mymove {
  50% {border-color: lightblue;}
}


.anand
{
font-style: italic;
font-size: 40px;
color:green;
font-weight: bold;
}



.anand:hover
{

font-size: 45px;
color:royalblue;
}

.megha
{
position : right;
font-style: none;
font-size: 20px;
color:black;
font-weight: bold;
}

.aarav
{
height:140px;
  width: 100%;
  border: 0px solid ;
  padding: 30px;
  margin: 10px;
background-color: #baffc8;
}




.rll 
{
  border: 4px solid green;
  height: 80px;
position: absolute;
 top: 180px;
 right:240px;

  


}





.vl 
{
 
font-style: italic; 
  
position: absolute;

top: 180px;
  right: 60px;
  
  
}




.bl 
{
 
font-style: italic;

 position: absolute;
  top: 215px;
  left: 170px;

 
}

.zl 
{
 
font-style: italic;

 position: absolute;
  top: 790px;
  
}

.ml 
{
 
font-style: italic;

 position: absolute;
  top: 1400px;
  
 
}



.ol 
{
 
font-style: italic;

 position: absolute;
  top: 2010px;
  
 
}





.el 
{
 
font-style: italic;

 position: absolute;
  top: 2620px;
  
 
}












.il 
{
 
 
  
position: center;

  
  
}


.il:hover
{
 
 
 background-color: yellow; 


box-sizing: border-box;


#outer {
  width: 364px;
  margin: 50px auto 0 auto;
  text-align: center;
}

  
  
}

.button_slide {
  color: #FFF;
  border: 2px solid rgb(216, 2, 134);
  border-radius: 0px;
  padding: 9px 18px;
  display: inline-block;
  font-family: "Lucida Console", Monaco, 
monospace;
  font-size: 14px;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: inset 0 0 0 0 #D80286;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
}

.slide_diagonal:hover {
  box-shadow: inset 100px 50px 0 0 #D80286;
}