.container {  display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 0.4fr 0.6fr;
    grid-auto-columns: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
    "A"
    "B";
}
  
.A { grid-area: A; }
  
.B {  display: grid;
    grid-template-columns: 0.6fr 0.4fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
    "B1 B2";
    grid-area: B;
}
  
.B1 { grid-area: B1; }
  
.B2 {
    display: grid; 
    grid-template-columns: 1fr; 
    grid-template-rows: 0.4fr 0.6fr; 
    gap: 0px 0px; 
    grid-template-areas: 
    "B2A"
    "B2B"; 
    grid-area: B2; 
}

.B2A { grid-area: B2A; }

.B2B { grid-area: B2B; }

.A video {
    align-self: center;
    max-width: 100%;
    height: auto;
    margin :auto;
}
  
.B2A img {
    width: 100%;
    height: 100%;
    margin-top: 0%;
    margin-right: 0px;
    margin-left: 0px;
}

@font-face {
    font-family: ninja ;
    src: url(Turtles.ttf) ;
}
 
p {
    font-family: ninja;
    font-size: 150%;
}
  
h1 {
    font-family: ninja;
    font-size: 250%;
}

h2 {
    font-family: ninja;
    font-size: 500%;
}

a {
    color: inherit;
}

a:link {
    font-family: ninja;
    font-size: 150%;
    color: green;
}

a:visited {
    font-family: ninja;
    font-size: 150%;
    color: green;
}
  


body {
    background-color: red;
}