/* ---------------------------------------- 
Natasha
---------------------------------------- */

/* NOTES:

1. DO NOT use width or height properties for any parent-level divs (these are divs you will be adding classes to).
2. Use % over px for sizing interior divs
3. Remember: if you do not give dimention and style to interior divs, we will not see them. By default, divs are invisible.

*/

/* so we can tell that our file is loading */
body {
    background-color: red;
}




@-webkit-keyframes example {

    0%   {left:0px; top:0px; }
    25%  { left:100px; top:0px;}
    50%  { left:0px; top:0px;}
    75%  { left:100px; top:0px;}
    100% { left:0px; top:0px; transform: rotate(180deg);}
        
}



.mz.pool { 
    animation-name: mzredchange;
    background-color:red;
    animation-iteration-count: infinite;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;

}



.ny.lozenge {
    background-color: black;
    width: 200px;
    height: 200px;
    border-bottom-left-radius: 0%;
    border-top-right-radius: 0%
}
.ck2.example div {
    width: 50%;
    height: 50%;
    background-color: red;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    position: center;
    left: 50px;
    top: 20px;
    transform: rotate(90deg);

    animation-name: ck2-corner-color-change;
}


.er.circle { 
    background: white;
    border-radius: 400%;
    border-style: solid black;
}

.bd.fifth {
    background-color: red;
    transition: background-color 10s;
   
}