html {
    font-family: monospace;
   /* background-image: url("https://burn-out-bard.neocities.org/images/tumblr_7d30e18ddb0d351141d0cc1055e03972_602e6210_1280.jpg");*/
    background-size:cover;
    background-color: black;
    font-size: xx-large;
}

body {
    margin: 0;
}

h1 {
    font-weight: bold;
    color: #1a2610;
    font-size: 60px;
    text-align: center;
}

p {
    text-align: center;
    margin: 12px;
}

br {
    margin: 12px;
}

span {
    margin: 6px;
    display: flex;
    justify-content: left;
}

header {
    display: flex;
    padding: 8px;
}

#smaller {
    font-size:small;
    font-style:italic;
}

#name {
    display: flexbox;
    height: auto;
    width: 50%;
    justify-self: left;
    text-align: center;
    font-family: 'Book Antiqua';
    font-size: 200px;
    color: rgb(10, 22, 10);
}

#pfp {
    display:flex;
    width:25%;
    height: auto;
    margin: 12px;
    justify-self:right;
    text-align:center;
}

#pfp img {
    width: 100%;
    height: 100%; 
}

#center {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

#middle {
    flex: 1;
    display: flexbox;
    background-color: rgb(184, 205, 214);
    border: rgb(144, 193, 156) 4px inset;
    border-radius: 8px;
    width: 50%;
    height: 650px;
    align-self:center;
    margin: auto;
    padding: 12px;
}

#container {
    display: flexbox;
    background-color:lightgray;
    border: rgb(144, 193, 156) 4px inset;
    width: auto;
    height: 350px;
    margin:6px;
    
}