@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');

.courier-prime-regular {
  font-family: "Courier Prime", monospace;
  font-weight: 400;
  font-style: normal;
}

.courier-prime-bold {
  font-family: "Courier Prime", monospace;
  font-weight: 700;
  font-style: normal;
}

.courier-prime-regular-italic {
  font-family: "Courier Prime", monospace;
  font-weight: 400;
  font-style: italic;
}

.courier-prime-bold-italic {
  font-family: "Courier Prime", monospace;
  font-weight: 700;
  font-style: italic;
}

body {
    background-image: linear-gradient(to bottom, #2c1422, #471d37, #64264e, #832e66, #a2377f, #b0347f, #be307f, #cc2b7d, #c61b62, #bc1147, #af102f, #9f1616);    color: rgb(174, 43, 226);
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}

header {    
    background-image: url("/assets/img/banner.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 440px;
    margin: 0;    
}


a {
    color: rgb(252, 149, 212);
}

hr {
    margin: 0;
    border-style: dashed;
    color: rgb(174, 43, 226);
}

#about-me-container p {
    text-align: justify;
}

#about-me-container h3 {
    color: rgb(247, 158, 195);
    
}


#about-me-container hr {
    color: rgb(240, 88, 151);  
}

.figure-desc {
    font-size: 10pt;
    font-style: italic;
    display: flex;
    justify-content: center;
}

.picture-hr {
    border-style: solid;
    border-width: 2px;
    color: #2c1422;
}

.nav-items {
    margin: 0;
    height: 420px;
    display: flex;
    list-style: none;
    justify-content: center;
    align-items: flex-end;
}

.site-title {
    text-align: center;
}

.nav-title {
    text-align: center;
}

.nav-items li {
    background-color: rgb(216, 174, 176);
    margin: 4px;
    padding: 10px;
    border-radius: 5px;
    border-style: solid;
    border-color: rgb(66, 39, 63);
}

.nav-items li a {
    color: rgb(124, 74, 118);
    text-decoration: none;
}

#site-footer {
    color: white;
    margin-top: 15px;
    background-color: #2c1422;
    padding: 10px;
    text-align: center;
}

@media (min-width: 600px) {


    #about-me-container {
        margin-top: 15px;
        color: rgb(240, 88, 151);
        background-color: rgb(44, 39, 44);
        margin-left: 15%;
        margin-right: 15%;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
        box-shadow: 8px 9px;
    }

    #about-me-container img {
        display: block;
        margin: auto;
        border-style: solid;
        background-color: black;
        width: 350;
        height: 625;
    }    
}

@media (max-width: 600px){

    #about-me-container img {
        display: block;
        margin: auto;
        border-style: solid;
        background-color: black;
        width: 350;
        height: 625;
    }    
    #about-me-container {
        color: rgb(240, 88, 151);
        background-color: rgb(44, 39, 44);
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
        box-shadow: 8px 9px;
    }
}

.picture-thumbnail {
    width: 50%;
    height: auto;
}

.latest {
    font-size: 15pt;
}

.blog-posts-container {
    color: hsl(329, 59%, 69%);
    padding: 10px;
    background-color: #2c1422;
    font-family: 'Courier New', Courier, monospace;
}