body{
    background: fixed url("../mod/still1.png");
    background-size: cover;
    background-repeat: no-repeat;
    font-family: 'Times New Roman', Times, serif;
    color: #fff;
}

#one{
    text-shadow: 1px 1px 0px #000;
    display:flex;
    width: 100%;
    align-items: stretch;
    gap: 1em;

    @media screen and (width <= 800px){
        flex-direction: column;  
    }
}

h1{
    color:#ff0;
    font-size: 3.5em;
    margin: 0.2em 0;
    text-align: center;
}

p{
    margin:0.2em 0;
}

a {
  text-decoration: none;
}

#video{
    width: 100%;
    flex: 1 50vw;
      box-shadow: 0px 0px 4px red 0px 0px 8px orange;
}

#mommytxt{
    flex: 1 50vw;
}

#quote {
  font-weight: bold;
  font-size: 1.3em;
  line-height: 1em;
  text-align:left;
}

#quote > p:nth-child(even){
    text-align:right;
}

#info{
    font-size: 1.8em;
}

#marquee{
    background-color:#ff0;
    color:purple;
    font-size:2.5em;
    font-weight:bold;
    white-space: nowrap;
    width:95%;
    overflow:hidden;
    user-select: none;
}

.marquee-content{
    display:inline-block;
    padding: 0.1em 0;
    transition: transform 1s ease;
    animation: scroll 100s infinite linear;
    z-index:1;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

a{
    color:white;
}

#two{
    padding:1em;
    width:95%;
}



/* 
.f,.f *{
    position:fixed;
    max-width:100%;
    max-height:100%;
    top:50%;
    left:50%;
}

.f *{
    transform:translate(-50%,-50%);
}

.f{
    display:none;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
}

*:focus+.f{
    display:block;
}

.f img{
    box-shadow:0px 0px 1em #fff;
}

img{
    cursor:pointer;
}
 */