body{
    background:url(bunnypuzzles/bg/flakes3.gif);
}

main{
    margin:0 auto;
    width:32vw;
    font-family:'web';
    font-size:1.2rem;
}

#topimg{
    border: 3px solid transparent;
    border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
    border-image-slice: 1;
    box-sizing: border-box;
}

a{
    color:red;
    text-decoration-style:wavy;
}

a:hover{
    text-transform:uppercase;
    color:blueviolet;
}

img{
    max-width:100%;
}

header{
    text-align:right;
    width:100%;
    font-family:'web';
    font-size:1.3rem;
}

h1{
    display:inline-block;
    font-family:'oldetome';
    font-size:2.2rem;
    margin:0;
    background:url(bunnypuzzles/img/color_earth.gif);
}

#blurb{
    text-align:justify;
    width:90%;
    padding:2%;
    margin:2% 0 2% 0;
    background:url(bunnypuzzles/bg/flakes2.jpg);
    border:3px double fuchsia;
    border-radius:10px;
    box-sizing: border-box;
    position:relative;
    
}

#blurb::after{
    content:url('bunnypuzzles/img/girl.png');
    position:absolute;
    top:-40%;
    right:-30%;
}

#update{
    color:fuchsia;
    font-size:2rem;
    margin:0;
}

.secondary{
    margin-bottom:2%;
    padding:2%;
    box-sizing: border-box;
    width:100%;
    background:url(bunnypuzzles/bg/flakes2.jpg);
    border:3px double fuchsia;
    border-radius:5px;
}

footer{
    width:100%;
    text-align:center;
}

/* fonts */

@font-face {
    font-family: 'oldetome';
    src: url(bunnypuzzles/OldeTome.ttf);
}

@font-face {
    font-family: 'deja vu';
    src: url(bunnypuzzles/DejaVuSans.ttf);
}

@font-face {
    font-family: 'web';
    src: url(bunnypuzzles/Web437_DOS-V_re_JPN30.ttf);
}