body{
    display:flex;
	flex-direction: column;
	align-items:center;
	justify-content:center;

    
    
    background: rgb(14, 0, 0);
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgb(0, 24, 21) 50%, rgb(0, 45, 41) 100%);
    height: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;

}

h1{
    color: rgb(173, 255, 241);
	text-shadow: rgb(48, 255, 234) 0px 0 3px;

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 50px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-weight: bolder;

}


iframe{
    box-shadow: 0px 8px 16px 0px rgba(255, 255, 255, 0.2);
    
    width: 100%;
    aspect-ratio: 16 / 9;

}

img {
    width:30vw;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    margin: 20px;
    border-radius: 5px;
}

.post{
    width: 75vw;
    max-width: 1400px;
    background-color: rgba(0, 8, 7, 0.459);
    padding: 40px;
    padding-top: 25px;

    border-radius: 10px;

    margin: 20px;

}

.title{
    color: rgb(255, 255, 255);
	text-shadow: rgb(48, 255, 234) 0px 0 3px;

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 30px;
    font-weight: bolder;
    padding-top: 0px;
    margin-top: 0px;
}

.story{
    color: rgb(255, 255, 255);

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 15px;
    font-weight: bolder;
}

h2 {

    font-family: Tahoma, Geneva, Verdana, sans-serif;
    font-size: 40px;
    padding-top: 0px;
    margin-top: 0px;
    font-weight: bolder;

    color:rgba(0, 255, 217, 0.263);

    
	text-shadow: rgb(0, 0, 0) 2px 2px 3px;
  }