@import url("https://use.typekit.net/ozy6rdy.css");

body {
    background: linear-gradient(to bottom, #fcdaff, #fac9ff, #fab1c1, #facbb3 );
     text-align: center;
     font-family: "ivystyle-sans", Verdana, sans-serif;
     font-size: 1.2rem;
     min-height: 100vh;
     display: flex;
    flex-direction: column;
     }

.page {
    background-color: #f7ddfd;
    justify-content: center;
    border-color: #ff7314; 
    border-width: 2pt;
    border-style: solid;
    border-radius: 3px;
    max-width: 1024px;
    margin: auto;
    padding: 5pt;
}

h1 {
    background: linear-gradient(183deg, #ff569b 10%, #9929ea 70%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-size: 4rem;
    margin-bottom: 10pt;
}
h2, h3 {
    color: #ff569b;
}
a, a:visited {
    color: #fd8955;
    font-weight: bold;
}
a:hover, a:active {
    color: #ffffff;
    background: linear-gradient(to bottom, #f6bf75, #fd8955, #d77185, #ff569b, #8766ac );
}
.caption {
    margin: 0.5rem;
    text-align: center;
    font-size: 1rem;
    background-color: #fac9d4;
    padding: 0.5rem;
    border: solid 1pt #8766ac;
    border-radius: 3px;
}

figure img {
    border: solid white 0.2rem;
    border-radius: 3px;
    max-width: 100%;
    max-height: 95vh;
}
textarea {
    padding: 0.5rem;
    width: 90%;
    height: 6rem;
    font-family: 'Courier New', Courier, monospace;
    border: solid 0.1rem #ff569b;
    background-color: #fce6dc;
    border-radius: 4px;
    font-size: 1rem;
}
footer {
    background-color: #fde0e7;
    justify-content: center;
    border-color: #9929ea; 
    border-width: 2pt;
    border-style: solid;
    border-radius: 3px;
    max-width: 1024px;
    margin-top: 0.5rem;
    margin-left: auto;
    margin-right: auto;
    padding: 5pt;
}
/* .things {
    
} */
.sunset {
    background: linear-gradient(to bottom, #f6bf75, #fd8955, #d77185, #8766ac, #4150b1 );
}

.twilight {
    background: linear-gradient(to bottom, #000000, #4150b1, #8766ac, #d77185, #fd8955, #f6bf75 );
}
.midnight {
    background: linear-gradient(to bottom, #000000, #4150b1, #8766ac );
}