html {
    font-family:hearts;
    color:#193002
        }
/* fonts for the website */
@font-face {
src: url(https://dl.dropbox.com/s/1479f8x52y3z5u4/rainyhearts.ttf);
font-family: hearts;
        }
@font-face {
font-family: Nintendo-DS-BIOS;
src: url(https://dl.dropbox.com/s/vlxjtnvrl9s0snp/Nintendo-DS-BIOS.ttf);
}
/* default bg */
    body{
background-image: url('../assets/pinkheart.png');
background-attachment: fixed;
background-repeat: repeat;
    }
/* main grid on home page */
    .box{
        max-width: 1000px;
        margin: 50px auto;
        display:grid;
        grid-gap: 10px;
        grid-template-columns: 300px auto;
        justify-content: center;

    }
    /* header stuff */
header {
        grid-row: 1 / 2;
        grid-column: 1 / 3;
        border: 2px solid #a2ce4f;
        border-radius: 5px;
        background-image: url('../assets/flowerglitter.gif');
        background-repeat: repeat;
        height:max-content;
    }
nav{
     grid-row: 2 / 3;
     grid-column: 1 / 2;
     height: max-content;   
     font-size: 20px;
}
guestbook{
        grid-row: 3 / 4;
     grid-column: 1 / 2;
     height: max-content;   
}
main{ 
        grid-row: 2 / 4;
        grid-column: 2 / 3;   
        height: max-content;  
}
footer{
        grid-row: 4 / 5;
        grid-column: 1 / 3;
        text-align: center;
        
}
nav,guestbook,main,footer{
        border: 2px solid #a2ce4f;
        border-radius: 5px;
        background-color: #f9d7edf2;
        padding: 10px;
}
.box-blog{
        max-width: 1000px;
        margin: 40px auto;
        display:grid;
        grid-gap: 10px;
        grid-template-columns: 250px auto;
    }
    /* blog stuff */
header-blog{
        grid-row: 1 / 2;
        grid-column: 1 / 3;
        border: 2px solid #a2ce4f;
        border-radius: 5px;
        background-image: url('../assets/flowerglitter.gif');
        background-repeat: repeat;
        height:max-content;
    }
nav-blog{
     grid-row: 2 / 3;
     grid-column: 1 / 2;
     height: max-content;   
     font-size: 20px;
}
main-blog{ 
        grid-row: 2 / 3;
        grid-column: 2 / 3;   
        height: max-content;  
}
footer-blog{
        grid-row: 3 / 4;
        grid-column: 1 / 3;
        text-align: center;
        
}
nav-blog,main-blog,footer-blog{
        border: 2px solid #a2ce4f;
        border-radius: 5px;
        background-color: #f9d7edf2;
        padding: 10px;
}
   
    h1 {
            margin:0;
            padding: 30px;
            text-align:justify;
            font-size:50px;
            color:#b6e362;
            text-shadow: 2px 2px 8px #56613c;
    }

/* main text */
    .background {
            background:transparent;
            text-align:center;
            font-size: 1.5em;
    }
/* post area */
    .post{
        background:transparent;
            text-align:left;
            font-size: 40px;
    }
/* links */
    a{
            text-decoration: none;
        color:#193002
    } 
    a:hover{
        text-decoration: underline;
    }
/* post box and border */
#post {border-width: 7px; 
border-style: solid; 
border-image: url("https://i.imgur.com/ROjUrNz.gif") 6 fill round;   
padding: 10px;   
}
/* byline font */
    .byline {
        background:transparent;
        font-family: Nintendo-DS-BIOS;
            color: #3d3535;
            text-align:left;
            font-size: 19px;
    }
/* post body text */
    .post-body{
        background:transparent;
            text-align:left;
            font-family: Nintendo-DS-BIOS;
            color: black;
            font-size:20px; 
            line-height: 1.5;
    }
/* container on home page */
        #container{
                border: 9px solid;
                border-image: url("https://i.imgur.com/P1edUQb.png") 7 round;
                height: 200px;
                width: 200px;
                margin: auto;
                padding: 15px;
               
                background-image: url('https://i.pinimg.com/736x/75/0f/2f/750f2f9aa71ba155e567ba55c6d734a1.jpg');
                background-position: center;
                background-size:contain
        }

/* about page container and image */

.aboutmebox{
        margin: 5px;
        display: grid;
        grid-gap: 10px;
        grid-template-columns: min-content;
        grid-template-rows: min-content;
        justify-content: center;
}
figure{
    text-align: left;
}
figcaption{
    position: absolute;
    text-align: center;
}
.avatar{
     grid-row: 1 / 2;
    grid-column: 1 / 2;
}
.mytextabout{
    grid-row: 1 / 4;
    grid-column: 2 / 3;
    font-family: hearts;
    font-size: 15px;
}
.bowdivs{
    text-align: center;
    grid-row: 3 / 4;
    grid-column: 1 / 3;
}

.favestext{
    grid-row: 4 / 5;
    grid-column: 1 / 3;
    font-family: hearts;
    font-size: 15px;
}
   /* picrew img size */
   #picrew {
        max-width: 210px;
        border-width: 7px; 
border-style: solid; 
border-image: url("https://i.imgur.com/ROjUrNz.gif") 6 fill round;   
padding: 10px;  
        justify-content: center;
    }
.textdiv{
    text-align: center;
}
/* status cafe */

.statusupdatebox{
grid-row: 2 / 3;
grid-column: 1 / 2;
justify-content: center;
text-align: left;
}
    #statuscafe {
    padding: 0.5em 0 0.5em 0.5em;
    font-size: 16px;
    border-width: 7px; 
border-style: solid; 
border-image: url("https://i.imgur.com/ROjUrNz.gif") 6 fill round;   
padding: 10px;  
    max-width: 300px;
}
#statuscafe-username {
    margin-bottom: .5em;
}
#statuscafe-content {
    margin: 0 0.5em 0.5em 0.5em;
}
/* list stuff */
    li {
            list-style: none;
            padding: 10px;
    }
   
    ul{
            padding: 0;
    }
   

/* cursor */
    body {

            /* Pink Transparent Valentine Balloon Heart - From Cursors-4U.com */
        cursor: url('https://64.media.tumblr.com/74529b2885e38303b1e172c0efcc06fe/0f705e1ca0c3d650-c7/s75x75_c1/7979954291ae33f06687c2d9c432cf6d80e45ccb.gif') 32 32, auto !important;

    }

/* scrollbar */
 ::-webkit-scrollbar {
      width: 16px;
    }

    ::-webkit-scrollbar:horizontal {
      height: 17px;
    }

    ::-webkit-scrollbar-corner {
      background: #eee;
    }

    ::-webkit-scrollbar-track:vertical {
      background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
    }

    ::-webkit-scrollbar-track:horizontal {
      background: linear-gradient(180deg, #e5e5e5, #f0f0f0 20%);
    }

    ::-webkit-scrollbar-thumb {
      border: 1.5px solid #888;
      border-radius: 3px;
      box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
      background-color: #eee;
    }

    ::-webkit-scrollbar-thumb:vertical {
      background: url("https://i.imgur.com/bfyvjnx.png") no-repeat 50%, linear-gradient(90deg, #eee 45%, #ddd 0, #bbb);
    }

    ::-webkit-scrollbar-thumb:horizontal {
      background: url("https://i.imgur.com/tqe4SxM.png") no-repeat 50%, linear-gradient(180deg, #eee 45%, #ddd 0, #bbb);
    }

    ::-webkit-scrollbar-button:horizontal:end:increment,
    ::-webkit-scrollbar-button:horizontal:start:decrement,
    ::-webkit-scrollbar-button:vertical:end:increment,
    ::-webkit-scrollbar-button:vertical:start:decrement {
      display: block;
    }

    ::-webkit-scrollbar-button:vertical {
      height: 17px;
    }

    ::-webkit-scrollbar-button:vertical:start:decrement {
      background: white;
      background-image: url("https://i.imgur.com/EFnEMEb.png");
      background-repeat: no-repeat;
      background-position: center;
      -moz-background-size: cover;
      -webkit-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    ::-webkit-scrollbar-button:vertical:start:increment {
      display: none;
    }

    ::-webkit-scrollbar-button:vertical:end:decrement {
      display: none;
    }

    ::-webkit-scrollbar-button:vertical:end:increment {
      background: white;
      background-image: url("https://i.imgur.com/xuIt6Lc.png");
      background-repeat: no-repeat;
      background-position: center;
      -moz-background-size: cover;
      -webkit-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }