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

body {
    background: linear-gradient(to bottom, #fcdaff, #fac9ff );

     text-align: center;
     font-family: "ivystyle-sans", Verdana, sans-serif;
     font-size: 1.1rem;
     min-height: 100vh;
     display: flex;
    flex-direction: column;
     }

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

h1 {
    background: linear-gradient(183deg, #9929ea 10%, #5808fb 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, #8766ac );
}

.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 );
}