body{
    background:url(images/wood069.gif);
}

#book{
    background:url(images/paper018.jpg);
    width:60vw;
    display:flex;
    flex-wrap:wrap;
    text-align:center;
    padding:1%;
    margin-top:5vh;
    position:relative;
    border-radius:10px;
    border:3px solid white;
}

#tulips{
    position:absolute;
    bottom:0;
    right:-4%;
    transform:rotate(20deg);
}


a img:hover{
    transform:rotate(7deg) scale(1.2);
    image-rendering: pixelated;
}

img{
    max-width:100%;
}

#receipt{
    border:1px solid black;
    width:95%;
}

#dove{
    position:absolute;
    bottom:30%;
    right:28%;
    z-index:999;
}

#pencil{
    position:absolute;
    bottom:2%;
    left:20%;
    z-index:999;
}

#painting{
    position:absolute;
    right:30%;
    top:25%;
}

#writersguild{
    position:absolute;
    right:8%;
    top:50%;
}


#flower{
    position:fixed;
    right:0;
    bottom:0;
}

#exit{
    position:absolute;
    bottom:10%;
    right:20%;
}

#ink{
    position:absolute;
    top:10%;
    right:20%;
}

#culture{
    position:absolute;
    top:10%;
    right:5%;
}

#lights{
    position:absolute;
    top:0;
    right:0;
    width:50vw;
    height:15vh;
    background:url(images/lights.png);
    background-repeat:no-repeat;
    background-position:right;
    background-size:contain;
    z-index:10;
    pointer-events: none;
    filter: drop-shadow(1px 0 0 var(--orange)) drop-shadow(0 1px 0 var(--orange)) drop-shadow(-1px 0 0 var(--orange)) drop-shadow(0 -1px 0 var(--orange));
}

#community{
    font-family:'archoblast';
    font-size:6rem;
    width:100%;
    position:absolute;
    top:-6%;
    left:0;
    text-align:left;
    filter: drop-shadow(1px 0 0 var(--link)) drop-shadow(0 1px 0 var(--link)) drop-shadow(-1px 0 0 var(--link)) drop-shadow(0 -1px 0 var(--link)) drop-shadow(2px 2px 1px rgba(245, 39, 145, 0.4)) drop-shadow(-2px -2px 1px rgba(39, 245, 52, 0.4));
    pointer-events: none;
    z-index:999;
}

#paper{
    background:url(images/paperscrap6.png);
    background-size:contain;
    background-repeat:no-repeat;
    box-sizing: border-box;
    padding:1%;
    width:14vw;
    height:40vh;
    position:absolute;
    top:35%;
    right:15%;
    transform:rotate(7deg);
}

#first{
    width:26%;
    display:flex;
}

#second{
    width:40%;
}

#third{
    width:18%;
}

#fourth{
    width:16%;
}

#buttons{
    width:93px;
    padding:5px;
    img{
        margin:1% 0 1% 0;
    }
}

#container{
    display:flex;
    flex-flow:row wrap;
    gap:0;
    align-items: start;
}

.half{
    width:75%;
    height:fit-content;
    text-align:center;
}

.half2{
    width:25%;
    height:fit-content;
    position:relative;
}

#redpin{
    position:absolute;
    top:-5%;
    right:-5%;
}

.half3{
    height:fit-content;
    width:50%;
}

.half4{
    width:100%;
}

.stamp{
    border-image-slice: 12;
    border-image-width: 11px 10px 11px 10px;
    border-image-outset: 6px;
    border-image-repeat: repeat repeat;
    border-image-source: url(images/stampframe2.png);
    display:inline-block;
    background:url(images/tex.gif);
    margin-top:2%;
}