body {

    margin: 0;

    padding: 0;

} 



h1, h2, h3, p {

    margin-top:.4rem;

    margin-bottom:0rem;

}



p {

    text-align: left;

    margin-left: 1rem;

    margin-right: 1rem;

    margin-bottom: 1rem;

}



a, a:visited {

    text-decoration: none;

}



a:after {

    margin-left:.2rem;

  display: inline-block;

  content: ' ';

  background-image: url('data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22UTF-8%22%3F%3E%0A%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22%3E%0A%09%3Cpath fill=%22%23fff%22 stroke=%22%2336c%22 d=%22M1.5 4.518h5.982V10.5H1.5z%22/%3E%0A%09%3Cpath fill=%22%2336c%22 d=%22M5.765 1H11v5.39L9.427 7.937l-1.31-1.31L5.393 9.35l-2.69-2.688 2.81-2.808L4.2 2.544z%22/%3E%0A%09%3Cpath fill=%22%23fff%22 d=%22M9.995 2.004l.022 4.885L8.2 5.07 5.32 7.95 4.09 6.723l2.882-2.88-1.85-1.852z%22/%3E%0A%3C/svg%3E%0A');

  background-size: 12px 12px;

  height: 12px;

  width: 12px;

}



/* ------------- */

/* --   APP   -- */

/* -- vvvvvVv -- */

/* ------------- */



#app {

    /* min-width: 20rem; */

    width: 100%;

    align-items: center;

    justify-content:  center;

    min-width:14rem;

    justify-content: stretch;

}



div {

    box-sizing: border-box;

}





div {

    /* border: 1px solid blue; */

}





img {

    width: 100%;

    height:auto;

}



/* ------------- */

/* -- ^^^^^^^ -- */

/* --   APP   -- */

/* ------------- */



.ms-style-switcher { display:none; }


/* ------------- */

/* -- An ITEM -- */

/* -- vvvvvVv -- */

/* ------------- */


.ms-item {

    margin-top: .5rem;

    right: 0;

    left: 0;

    width:99%;

    }



/*

.ms-left-highlight {

    position: relative;

    width: 5px;

    height: 100%;

    float:left;

    background-color: #fff;

    opacity: 0.3;

    z-index: 0;

    display: none;

}

*/



.ms-backdrop {

}



.ms-main {

    padding-left: .4rem;

    padding-right: .5rem;
    

}



/* This is the top-level container. 

 * It has the first Heading.

 */

.ms-item-depth-0{

    margin-top: 0;

}

.ms-header-depth-0{

    display: none;

}






.ms-title-depth-0 {

    margin-top: .5rem;

    -ms-transform: scale(1.5); /* IE 9 */

    /* -webkit-transform: scale(2); */ /* Safari */

    /* transform: scale(2); */

    /* font-size:xx-large; */

    /* max-width: 40rem; */

    /* width: 100%;*/

    /* box-sizing: content-box; */

    transform-origin: 0% 50%;

}



/* This is the children of it

 * Lighter background (initially)

 */

.ms-depth-1 {

    /* background-color: #eaeaea; */

}





/* ------------ */

/* -- HEADER -- */

/* -- vvvvvv -- */

/* ------------ */



.ms-header {

    padding: .5rem;

    margin: 0;

}



.ms-icon {

    display: inline-block;

    max-width: 12rem;

}



.ms-title {

    margin-left: .5rem;

    vertical-align: top;

    display: inline-block;

    /* display: inline-flex; */

}



.ms-preview {

    z-index:10;

    /* width: 100%; */

    min-width: 1rem;

    min-height:6rem;

    max-width: 17rem;

}



/*

.ms-preview-img {

    z-index:0;

    max-width: 10rem; 

    width: 100%; 

    min-width: 3rem; 

    max-width: 36rem; 

}

*/



/* ------------ */

/* -- ^^^^^^ -- */

/* -- HEADER -- */

/* ------------ */





.ms-vernum-date-time {

    margin-top: .5rem;

    margin-bottom: .5rem;

}



.ms-authorship {

    letter-spacing: .1rem;

    /* margin-bottom: 8px; */

}



.ms-content-html{

    padding-right:1rem;

    margin-bottom: 1rem;

}



.ms-description{

    margin-bottom: 1rem;

}



.ms-child-items-wrapper{

    /* padding-top: .5rem; */

    display: flex;

    justify-content: space-around;

    flex-flow: column;

}



.signature-line {

    text-align: right;

    padding-right: 1rem;

    font-weight: bold;

}



.ms-footer{

    margin-top:1rem;

}



.ms-footer, .ms-data-footer{

    margin-left: .65rem;

    /* margin-bottom: .5rem; */

    padding-right: 1rem;

}



.ms-data-footer {

    margin-top: .25rem;

    font-weight: bold;

    font-size: xx-small;

    text-align: right

}



.ms-notice-text {

    padding: .4rem;

    width:100%;

    display: block;

    unicode-bidi: embed;

    white-space: pre-wrap;       /* Since CSS 2.1 */

    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */

    white-space: -pre-wrap;      /* Opera 4-6 */

    white-space: -o-pre-wrap;    /* Opera 7 */

    word-wrap: break-word;       /* Internet Explorer 5.5+ */

    font-family: monospace;

    font-size: small;

    font-weight: bold;

    /* word-wrap: break-word; */

    word-break: break-all;

    overflow-wrap: break-word;

    hyphens: none;

}



.flex-container {

    padding: 0;

    margin: 0;

    margin-top: .5rem;

    list-style: none;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-flex-flow: row wrap;

    justify-content: space-around;

    /* flex-flow: row wrap; */

    /* width: 100%; */

}

 

.flex-item {

    padding: 0;

    margin: auto;

    /* min-width: 18rem; */

    max-width: 24rem;

    /* margin-top: 10px; */

    /* flex: 1; */

    /* flex: auto; */

}

 

.flex-item-wide {

    padding: 0;

    margin: auto;

    /* min-width: 18rem; */

    max-width: 50rem;

    margin-top: 10px;

    /* flex: 1; */

    /* flex: auto; */

    width: 100%;

}

 



.flex-item-tall-skinny {

    /*display: none;*/

    min-width: 16rem;

    max-width: 20rem;

    height: auto;

    margin-top: 10px;

    flex: 1;

    margin: auto;

}



video {

    width:100%;

}