html{
    font-family: 'Courier New', Courier, monospace;
    min-height: 100%;    
}

body {
    color: rgb(243, 235, 235);
     text-shadow: 2px 2px 3px rgb(189, 21, 91);
    border-color: rgb(238, 13, 126);
    padding: 0%;
    margin: 0%;
    background-color: rgb(7, 7, 7);
    background-image: url(img/back2.png);
    background-repeat: no-repeat;    
    background-position: left, center;
    background-size: cover;

    
}
.main_box {
    display: flex;
    width: 90%;
    gap: 10px;
    margin-left: 15%;
    margin-right: 20%;
    justify-items: center;

}

.box1 {
    display: inline-block;
     background: linear-gradient(0deg,rgba(14, 0, 6, 0.856) 0%, rgba(73, 4, 32, 0.664) 90%, rgba(255, 211, 222, 0.774) 100%);
    border-radius: 20px;
    width: 650px;
    margin: 0%;
    overflow: auto;
    padding: 25px;
    border: white;
    border-style: solid;
    
   

}

.embedpost {
    overflow: auto;
    width: 800px;
    position: relative;

}

#logo {
    width: 400px; 
    margin-bottom: -12px; 
    margin-top: -8px;
}
#logo:hover {
    filter: brightness(160%);
    cursor: pointer;

    }
.top_logo{
    background-color: rgba(68, 0, 42, 0.651); 
    border-bottom: solid;
    display: block;
    text-align: center;
}

.head li {
  display: block;
  font-size: 15px;
  font-weight: bold;
  float: left;
  text-shadow: 2px 2px 10px rgb(37, 0, 16);
} 

.head li a {
  display: inline-block;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}


.head li a:hover:not(.active) {

  border-radius: 0;
}

.head  {

  min-width: max-content;
  display: block;
  text-align: center;
  margin: 0px;
  list-style-type: none;
  padding: 0px;
  overflow: hidden;
  border-bottom: 3px inset #b32058;
  border-bottom-left-radius: 25%;
  border-bottom-right-radius: 25%;
  background: linear-gradient(0deg,rgb(104, 0, 52) 0%, rgba(197, 55, 126, 0.356) 30%, rgb(255, 152, 178) 100%);
  
}

footer{
  min-width: max-content;
  display: block;
  margin: 0px;
  text-align: center; 
  background: linear-gradient(0deg,rgb(104, 0, 52) 0%, rgba(197, 55, 126, 0.247) 40%, rgba(255, 152, 178, 0.733) 100%);
  border-top: 3px inset #a1114867;
  border-top-left-radius: 25%;
  border-top-right-radius: 25%;
  padding: 1px 1px;
}

.textB {
  padding: 15px;
  font-size: 14px;
  text-shadow: 2px 2px 10px rgb(41, 0, 17);

}