*{
    box-sizing: border-box;
}

#lincoln{
    background-image: url("neon hoard/neon backgrounds/morris-green-alt.png");
    background-size:70%;
}

#lincolntitle{
    display:block;
    padding:10px;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
    margin-bottom:30px;
    max-width:400px;
    border: 5px outset lightpink;
    background-color:lightpink;
    color:white;
    text-shadow: 0 0 3px magenta;
    position:relative;
}

.date{
    text-align:center;
    font-weight:lighter;
    margin-bottom:0;
}

#seal{
    position:absolute;
    top:15px;
    left:15px;
}

#brella{
    position:absolute;
    top:15px;
    right:15px;
}

.flex1{
    display:flex;
    width:fit-content;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    margin:50px auto;
    
}

.flex1 p{
    font-size:.95rem;
    display:inline-block;
    height:100%;
    margin:10px;
    max-width:520px;
}

.pinkhighlight{
    background-color:rebeccapurple;
}

#dance{
    margin:15px;
    width:225px;
    flex-grow:1;
    max-width:350px;
    border-width:7px;
border-style:solid;
border-image: url("https://foollovers.com/mat/baf/flower/fl32-005-d.gif") 7 fill round;         
    
    grid-column:1;
}

#windydiv{
    margin-top:75px;
    margin-bottom:75px;
    display:grid;
    grid-template-columns:1fr 40% 1fr;
    justify-content:center;
    align-items:center;
    place-items:center;
}

@media (max-width:900px){
    #windydiv{
        grid-template-columns:1fr;
    }
}

.raindiv{
    width:100%;
    max-width:350px;
}

#umbrella{
    width:100%;
    max-width:300px;
    border-width:7px;
border-style:solid;
border-image: url("https://foollovers.com/mat/baf/food/fo32-008-a.gif") 7 fill round;   
    
}

.flex2{
    display:flex;
    justify-content:space-around;
    align-items:center;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;
    padding:30px;
    padding-top:45px;
    padding-bottom:45px;
    gap:30px;
    background-image:url("neon hoard/neon backgrounds/pink gingham.gif");
    margin-top:40px;
    margin-bottom:40px;
    border-radius:20px;
    border-image:url("neon hoard/neon borders/ornate corners.png");
     border-image-slice: 110 97 116 96;
border-image-width: 70px;
border-image-repeat: stretch; 
    border-image-outset:7px;
}

.card3{
    display:inline-flex;
    flex-wrap:wrap;
    width:20%;
    min-width:200px;
    justify-content: center;
    border-radius:7px;
    
}

.card3 p{
    display:inline-block;
    min-width:150px;
    font-size:0.8rem;
    color:deeppink;
    padding:10px;
    margin:5px;
    border-width: 8px;
border-style: solid;
border-image: url("https://i.imgur.com/J4IhM3e.png") 7 fill round;
    position:relative;
    text-align:center;
    
}

.mainimage{
    min-width:150px;
    margin:0;
    width:100%;
    border-radius:5px;
}

#yawn{
    position:absolute;
    left:2px;
    top:-45px;
    width:30px;
}

.wrapper{
    text-align:center;
}

#conservatory{
    display:inline-grid;
    position:relative;
    grid-template-areas: 'left1 right1'
        'left1 right2';
    grid-template-columns:30% 60% ;
    grid-template-rows: fit-content fit-content;
    column-gap: 7%;
    width:40%;
    min-width:250px;
    max-width:350px;
    background-image: url("Clown Adventures/Lincoln Park/conservatory.webp");
    background-repeat:no-repeat;
    background-size:cover;
    background-clip:content-box;
    margin-left:15%;
    border-image:  url('neon hoard/neon borders/clovers.png') 75 /  40px / .75 round;
    border-width:  25px;
    border-style:  solid; 
}

@media (max-width: 1000px){
    #conservatory{
        width:80%;
    }
    
    #lincolnthanks {
        width:90% !important ; 
        
    }
}

#pose1{
    grid-area:right1;
    width:85%;
    margin:10px;
    border-width: 8px;
border-style: solid;
border-image: url("https://i.imgur.com/J4IhM3e.png") 7 fill round;      
}

#pose1:hover,#above:focus{
    transform:scale(1.3) rotate(-4deg);
}

#above:hover,#above:focus{
    transform:scale(1.3) rotate(4deg);
}

#above{
    grid-area:right2;
    width:85%;
    margin:10px;
    border-width: 8px;
border-style: solid;
border-image: url("https://i.imgur.com/J4IhM3e.png") 7 fill round;      
}

#kick-pose{
    grid-area:left1;
    height:110%;
    position:absolute;
    bottom:-3%;
    left:-125%;
    image-rendering:optimizeQuality;
    filter: drop-shadow(0 0 2px palegoldenrod);
}

#lincolnthanks{
    width:40%;
    min-width:250px;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
    margin-bottom:30px;
    padding:10px;
    border:3px dashed yellowgreen;
    display:inline-block;
    font-size:1.2em
}