/* Author - Bryant Welch */
/* Version 1.0 */
/* dark mode effect - press button and webpage toggles between lighter or darker colors */

/* wecome page before entering site - click an icon - page will have name and a photo of myself - use fortawesome closed door/open door icon*/

/* animated banner for front page */

/* sports page has animation of myself coming out of the blocks */

/* jobs interested in page */

/* social media accounts */

/* calender page - events im going to  */
@import 'main/all.css';
@import 'main/bootstrap.css';
@import 'main/text.css';
@import 'main/header.css';
@import 'main/nav.css';
@import 'main/banner.css';
@import 'main/main.css';
@import 'main/social.css';
@import 'main/footer.css';
@import 'about.css';
@import 'gallerystyle.css';
@import 'particle-sheet';
@import 'contact/form.css';
@import 'contact.info';
@import 'sports/sports.css';


/* main selectors */
/* *{
    box-sizing: border-box;
} */

:root{
    --black: rgb(0,0,0);
    --text-color: #fff;
    --background: #d9d9d9;
    --hyperlink-color: 
    color:  rgba(0,0,0,0.3);
    --hover: rgba(0,0,0,0.6);
    --border: 2px solid var(--black);
}
#animation{
    background-image: url(../media/animated-nature.gif);
    background-size: cover;
    width: 100%;
}
#banner-contact{
    background-image: url(../images/Grey-Sequence.jpg);
    border-right: var(--border);
    border-left: var(--border);
}
#banner-sports{
    background-image: url(../images/WWU-track11.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    border-left: var(--border);
    border-right: var(--border);
}
#banner-sports1{
    background-image: url(../images/HS-track4.JPG);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    border-left: var(--border);
    border-right: var(--border);
    
}
h2{
    font-size: 3em;
}
p{
    font-size: 20px;
}