body{
    background:url(imgs/cloud1.png);
    background-attachment: fixed;
    font-size:1.5rem;
    font-family:'artifex';
    margin:0;
}

a{
    color:var(--warning);
    background:var(--link);
    border:2px dashed var(--fuchsia);
}

a:hover{
    color:var(--link);
    background: var(--fuchsia);
    border-color:var(--warning);
}

#birthday{
    font-size:1rem;
    background:url(imgs/snow.gif), url(imgs/teethknocking.png);
    background-size:auto;
    background-position: left;
    background-attachment: fixed;
    width:100vw;
    padding-top:2%;
    box-sizing: border-box;
    font-family:'lusitana';
    #border{
        width:100%;
        height:70vh;
        padding:15% 0 15% 20%;
        box-sizing: border-box;
        background:url(imgs/snowborder.jpg);
        background-size:contain;
        background-repeat:no-repeat;
        ol{
            margin:0 auto;
        }
    }
    #pinetree{
        background:url(imgs/pine.png);
        background-position:bottom left;
        height:16vh;
        width:100vw;
        position:sticky;
        bottom:0;
        left:0;
    }
    #collage{
     padding-left:2%;
     position:absolute;  
     width:50vw; 
     img{
        max-width:90%;
     }
    }

    h1{
        font-family:'romantik';
        font-size:5rem;
        margin:0 0 5vh 48vw;
        color:lightcyan;
        filter: drop-shadow(2px 0 0 lightblue) drop-shadow(0 2px 0 lightblue) drop-shadow(-2px 0 0 lightblue) drop-shadow(0 -2px 0 lightblue);
    }
    a{
        background:url(imgs/snowflake.gif);
        color:blue;
        border:2px solid white;
        border-radius:5px;
        text-decoration:underline cornflowerblue;
        text-decoration-style: wavy;
    }
    a:hover{
        filter:invert(1);
    }
    #lace{
        margin:0 0 0 48vw;
        border-image-slice: 30 32 30 32;
        border-image-width: 20px;
        border-image-outset: 20px;
        border-image-repeat: repeat;
        border-image-source: url(imgs/bluelace.gif);
        background:url(imgs/tex2.gif);
        width:50%;
        position:relative;
        padding:2%;
        box-sizing: border-box;
        #stamp{
            position:absolute;
            top:-5%;
            left:-12%;
            width:8vw;
            transform:rotate(18deg);
            image-rendering: pixelated;
        }
    }
}

small{
    font-size:1rem;
}

#smoke{
    z-index:9999;
    position:fixed;
    bottom:0;
    left:0;
    display:inline-block;
    max-height:100%;
}

#dream{
    position:fixed;
    height:100vh;
    image-rendering: pixelated;
    bottom:0;
}

h1{
    font-family:'argent';
    color:var(--link);
    filter: drop-shadow(1px 0 0 var(--warning)) drop-shadow(0 1px 0 var(--warning)) drop-shadow(-1px 0 0 var(--warning)) drop-shadow(0 -1px 0 var(--warning));
}

#imgcontainer{
    position:absolute;
    top:0;
    left:120%;
    width:50%;
}

small{
    background:black;
    color:white;
}


#chicago{
    padding:1%;
    box-sizing: border-box;
    min-height:80vh;
    width:100vw;
    background:url(imgs/abbg2.png);
    background-size: cover;
    background-attachment: fixed;
}

#benito{
    border:5px solid white;
    background:rgba(255,255,255,0.7);
    width:80%;
    padding:1%;
    box-sizing: border-box;
    min-height:50vh;
    margin:10vh auto;
    h1{
        color:link;
        filter: drop-shadow(1px 0 0 var(--green)) drop-shadow(0 1px 0 var(--green)) drop-shadow(-1px 0 0 var(--green)) drop-shadow(0 -1px 0 var(--green));
    }
}

#superdeath{
    padding:1%;
    box-sizing: border-box;
    position: relative;
    width: 100vw;
    background: url('imgs/skygoodman.jpg');
    background-size:contain;
    min-height:20vh;
    padding-bottom: 10%;
    text-align:center;
    font-family:hack;
    font-size:2rem;
    img{
        max-width:50%;
    }
    #fire{
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        height:10vh;
        background:url('imgs/firediv.gif');
        background-position:bottom center;
        background-repeat:repeat-x;
    }
    h1{
        font-size:3rem;
        font-family:righteous;
        color:var(--stroke);
        filter: drop-shadow(2px 0 0 var(--blue)) drop-shadow(0 2px 0 var(--blue)) drop-shadow(-2px 0 0 var(--blue)) drop-shadow(0 -2px 0 var(--blue));
        img{
            max-width:10%;
        }
    }
}

#entry{
    border-radius:20px;
    padding:1%;
    box-sizing: border-box;
    border:2px solid var(--blue);
    margin:0 auto;
    width:80%;
    background:url('imgs/trauma.jpg') center center;
}

#monthly1{
    position:relative;
    margin:2%;
    filter: drop-shadow(0px 3px 10px var(--underline));
    border:4px dotted var(--blue);
    background: url(imgs/fish.jpg);
    background-size:auto;
    background-position:center center;
    padding:2%;
    width:50%;
    height:70%;
    box-sizing: border-box;
}

#medieval{
    position:sticky;
    background:url(imgs/dangle1.png);
    background-position:top;
    background-repeat:repeat-x;
    width:100%;
    height:20vh;
    top:0;
    z-index:9;
}

#phoenix{
    position:relative;
    width:100vw;
    background:url(imgs/tuukz.jpg);
    background-attachment:fixed;
    margin-top:10vh;
    padding-bottom:10%;
}

#dearphoenix{
    border:4px solid yellow;
    margin:10vh auto 0 auto;
    background: url(imgs/galaxies.png);
    background-size:auto;
    background-position:center center;
    color:white;
    padding:2%;
    width:50%;
    height:70%;
    box-sizing: border-box;
}