/*
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
*/

@font-face 
{
    font-family: 'Open Sans';
    font-weight: normal;
    font-style:  normal;
    src: url('../Open_Sans/static/OpenSans-Regular.ttf') format('truetype');
}

@font-face
{
    font-family: 'Open Sans';
    font-weight: bold;  
    font-style: normal;  
    src: url('../Open_Sans/static/OpenSans-Bold.ttf') format('truetype');
}



* {
    margin:  0; /* 50px; */
    padding: 0;
    box-sizing:  border-box;
}
    

:root
{
    --miltreas-absolute-vh:  { 200px, writeable:true};
    --miltreas-absolute-vw:  { 200px, writeable:true};
}


html, body
{
}


body 
{
    background: rgba(0, 0, 0 );
    font-family: Open Sans;
    color: #fff;
    align-items: center;
    justify-content: center;
}


h1, h2, h3, h4, p
{
    margin-left: 20px;
    margin-right: 20px;
}


.motto
{
    margin-top: auto;
    margin-bottom: auto;
    line-height:2;
    text-align:center;
    margin-top:20rem;
    margin-bottom:20rem
}



.inner-motto
{
    margin-top: auto;
    margin-bottom: auto;
    line-height:2;
    text-align:center;
    margin-top:10rem;
    margin-bottom:10rem
}



.bio
{
    margin-top: 6rem;
    margin-bottom:6rem;
    line-height:2;
    text-align: center;
}



a
{
    color: white;
    font-weight:bold;
}



a:hover
{
    color:white;
}



img 
{
    display:         block;

@media sceen and orientation(landscape)
{
    width:           auto;
}

@media screen and orientation(portrait)
{
    height:         auto;
}
/*
    width:           var(--miltreas-absolute-vw);
    height:          var(--miltreas-absolute-vh);
*/
    object-fit:         contain;
    object-position:    center center;
    margin:             auto;
}