/* Import fonts.  Header font: Oswald, text: Monstserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Oswald:wght@200;400;500;700&display=swap');

/* reset page */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
}

/* Set fonts */
h1, h2, h3, h4, h5 h6 {
    font-family: Oswald, 'sans-serif';
}

p {
    font-family: Montserrat, 'sans-serif';
    color: #2196f3;
}

/* set background color */
body {
    background-color: white;
    background-image: url(../img/image-top_3_30.jpg);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: -1;
}

#projects, #about, #contact, #skills {
    margin: 250px 0 250px 0;
    padding: 50px;
}

#home {
    height: 100vh;
    margin-bottom: 250px;

}

#mainText {
    margin-top: 30vh;
}

.text-items {
    display: none;
}

.bio p {
    color: white;
    text-align: justify;
}

.about-img {
    height: 300px;
    width: 300px;
}

.card-image {
    text-align: center;
    padding-top: 20px;
}

.card-title, .card-reveal h5 {
    text-align: center;
}

.skill-img {
padding: 20px;
    margin-left: auto;
    margin-right: auto;
}
.col .center {
    text-align: center;
}

.mobile-links {
    display: flex;
}

.add-padding-right {
    padding-right: 20px;
}