:root{
    --dullPurple: #7773A9;
    --dullBlue: #6496C0;
    --dullPink: #DD907A;
    --warmYellow: #FFA500;
    --lightPurple: #BBB5EE;
    --lightBlue: #AACCDF;
    --lightPink: #FFBBA0;
    --lightYellow: #FFC880;
}
/*-- http://cervine.online/tools/color/#+7773A9+6496C0+DD907A+FFA500+BBB5EE+AACCDF+FFBBA0+FFC880 --*/


html{
    scroll-behavior: smooth;
    background-color:black;
}

@font-face {
    font-family: "Plex Sans Text";
    src: url("https://tomhowe.info/resources/fonts/plex/IBMPlexSans-Text.woff") format('woff');
}

@font-face {
    font-family: "Plex Serif Text";
    src: url("https://tomhowe.info/resources/fonts/plex/IBMPlexSerif-Text.woff") format('woff');
}


:root *{
    transition:all 0.15s;
    font-family: "Plex Sans Text", 'Helvetica Neue', Arial, sans-serif;
    box-sizing:border-box;
}

:root *:first-child{
    margin-top:0px;
}

:root *:last-child{
    margin-bottom:0px;
}

body{
    margin:0px;
    overflow-x:hidden;
    background-color:black;
}

h1{
    font-size:48px;
}

h2{
    font-size:36px;
}

h3{
    font-size:24px;
}

p,li{
    font-size:18px;
    line-height:1.5;
    margin-bottom:1em;
}

a{
    color:white;
}

h1,h2,h3,li{
    margin-top:0px;
    margin-bottom:0.25em;
}


.standardizedPadding{
    padding:64px;
}

.standardizedWidth{
    max-width:1366px;
    margin:0px auto;
}

.standardizedBorder{
    border:2px solid black;
}

.sectionOuter{
    width:100%;
    scroll-margin-top:159px;
    /*border-bottom:2px solid black;*/
}



/*----extras for things that support things---*/
@media (hover){
    a:hover{
        color:var(--warmYellow);
        transform:scale(1.10);
    }

}

/*---------breakpoints-------*/

@media only screen and (max-width:1366px){
    .standardizedPadding{
        padding:42px;
    }
}

@media only screen and (max-width:1024px){
    .standardizedPadding{
        padding:32px;
    }
}

@media only screen and (max-width:960px){
    .standardizedPadding{
        padding:24px;
    }
}

@media only screen and (max-width:720px){
    .standardizedPadding{
        padding:18px;
    }
}