#one
{
    text-align: center;
    color: greenyellow;
    background-color: black;
}

#mark
{
    background-color: grey;
    color: black;
}

body{
    background-color: darkolivegreen;
}

.first
{
   display: flex;
      align-items: flex-start; /* Aligns text to the top of the image */
      max-width: 800px;
      margin: 20px auto;
}


.second
{
   display: flex;
      align-items: flex-start; /* Aligns text to the top of the image */
      max-width: 800px;
      margin: 20px auto;
}

/* #pic{
    border-radius: 5px;
    border: 10px;
    border-color: black;
    box-shadow: 8px 10px black;
} */

#rc
{
    
      height: auto;
    margin-right: 100px;
    
      box-shadow: #333  0 15px  15px;
      /* margin-left: 50px; */
border-radius: 0 15px 0 15px;
      display: block;
      margin-left: 0;   
}



 #rx
 {
    height: auto;
    
    margin-left: 50px;
    display: block;
      box-shadow:10px 15px  15px;
      border-radius: 0 15px 0 15px;
      margin-right: 0;
 }

.text h3
{
    
      
      color:white;
      /* margin-left: 50px; */


}


 .text h3:hover{
    color: orangered;
 }

 .write h3
 {
    margin-top: 30px;
    margin-right: 45%;


 }




 .k h1{
text-align: center;
box-shadow:  15px 5px 5px;
color: black;
display: inline;
margin-left: 45%;

 }

 .j h1
 {
    text-align: center;
box-shadow: 15px 5px 5px;
color: black;
display: inline;
margin-left: 45%;
margin-bottom: 5px;

 }

 .write:hover
 {
    color: red;
    
 }
 

 
.third
{
   display: flex;
      align-items: flex-start; /* Aligns text to the top of the image */
      max-width: 800px;
      margin: 20px auto;
}


#spl
{
    
      height: auto;
    margin-right: 50px;
    
      box-shadow: #333  0 15px  15px;
      /* margin-left: 50px; */
border-radius: 0 15px 0 15px;
      display: block;
    margin-left: 0s;   
}


#splpar h3{
    color: white;
}

#splpar h3:hover
{
    color: gray;
}

.q h1
{
    text-align: center;
box-shadow:  15px 5px 5px;
color: black;
display: inline;
margin-left: 45%;


}



#duke  
{
    
 
    height: 200px;
    
    margin-left: 50px;
    display: block;
      box-shadow:10px 15px  15px;
      border-radius: 0 15px 0 15px;
      margin-right: 0;
 
      
}

.fourth    
{
   display: flex;
      align-items: flex-start; /* Aligns text to the top of the image */
      max-width: 800px;
      margin: 20px auto;

}


/* #duke
 {
    margin-top: 30px;
    margin-right: 45%;


 } */


 .z h1
 {
    text-align: center;
box-shadow: 15px 5px 5px;
color: black;
display: inline;
margin-left: 45%;
margin-bottom: 5px;

 }

 #dukey:hover
 {
    color: blueviolet;
 }

 #dukey
 {
    
   margin-left: 30px;

 }