@font-face {
    font-family: "Korina";
    src: url(ITC_\ Korinna\ Normal.ttf), 
    url(Korinna\ Italic.ttf),
    url(ITC_\ Korinna\ Bold.ttf),
    url(ITC\ Korinna\ Std\ Bold.otf)
    
    format(truetype);
     } 

       html{
        background: #f5b5e2;
        background-image: url(heartbg.gif);
        background-blend-mode: hard-light;
        color: #ffb8e4;
        font-family: 'Georgia';
        scrollbar-width: thin;
        scrollbar-color: #ffedf9 #ffd3f1;
      }

        .header {
    width: 990px;
    margin: 10px auto;
    background: #fffefe;
    border:#ffe0f7 double 5px;
    border-radius: 10px;
    padding: 2px;
    font-family: 'Free Pixel';
    }

    .linkbox{
        width: 800px;
        background: #fffefe;
        border:#ffe0f7 double 5px;
        border-radius: 10px;
        margin: 12px auto;
        padding: 12px;
    }

    .container {
    padding: auto;
        max-width: 950px;
        height: auto;
        display: flex;
        text-align: center;
        font-weight: 100;
        margin: auto;
    }

    .container1 {
    padding: 2px;
    margin: 0 auto;
    background: #fffefe;
    border:#ffe0f7 double 5px;
    width: 950px;
    font-family: 'Georgia';
    border-radius: 10px;
    }

    .container2 {
    padding: 6px;
    margin: 12px auto;
    background: #ffedfa;
    border:#ffdcf0 double 5px;
    width: 550px;
    font-family: 'Georgia';
    border-radius: 10px;
    color: #f19ecc ;
    line-height: 1.5;
        }

    .container2 p{
    text-align: center;
    padding: 0;
    }

    .container2 button{
        background: #ffe7f8;
        color: #e97ad1;
        font-family: Georgia, 'Times New Roman', Times, serif;
        border: double #ffd0f3 4px;
        border-radius: 10px;
        padding: 5px;
        font-size: 80%;
    }

    .con2box{
        background: #fdd5f1;
        width: fit-content;
        margin: 5px auto;
        padding: 5px;
    }

    .footer{
    padding: 2px;
    max-width: 320px;
    background: #fffefe;
    border:#ffe0f7 double 5px;
    height: auto;
    display: -ms-inline-grid;
    text-align: center;
    font-family: 'Georgia';
    border-radius: 10px;
    margin: 10px auto;
    }

    /*formatting*/

    p{
        padding: 10px;
        text-align: left;
        font-size: larger;
    }

    a{
    font-family: 'Georgia';
    color: #ff8aca;
    text-decoration: none;
    }

    a:hover{
    background-color: #ffcff1;
    }

    h1, h2, h3, h4, h5{
    font-weight: bold;
    font-family: 'Korina';
    color: #f5b2d3;
    }

    hr{
    border: #ffe2ef  1px solid;
    }
    #con2{
    border: #fccee2  1px solid;
    width: 360px;
    }  

    li{
        text-align: left;
        font-size: larger;
        margin:  auto;
    }

    button{
        background: #ffe7f8;
        color: #e97ad1;
        font-family: Georgia, 'Times New Roman', Times, serif;
        border: double #ffd0f3 4px;
        border-radius: 10px;
        padding: 5px;
        font-size: 80%;
    }

    button:hover{
        background: #ffc6f1;
        color: #fff4f9;
        border: double #ff9fdf 4px;
        -o-transition: 0.3s;
        -moz-transition: 0.3s;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    input{
        color: #e28dcd;
        font-family: Georgia, 'Times New Roman', Times, serif;
        font-weight: bold;
    }

    #submit{
        background: #ffe3ef;
        background-image: linear-gradient(to bottom, #fcb6e4, white, #fcb6e4);
        margin: 4px auto;
        width: fit-content;
        border-radius: 5px;
        border: #ffedf6 1px solid;
    }
    #submit:hover{
        background: #ffb8d7;
        background-image: linear-gradient(to top, white, #fcb6e4, white);
        color: #ca62a7;
        border: #ffedf6 1px solid;
    }
    #submit:active{
        background: #ffb8d7;
        background-image: linear-gradient(to top, #ffedf6, #fcb6e4, #ffedf6);
        color: #990d3c;
        border: #ffedf6 1px solid;
    }