@charset "UTF-8";
/* CSS Document */

body {
    background: linear-gradient(to right, #182139, #403453);
}

.frame {
       opacity: 0;
        -webkit-animation: fadeIn 1s; /* Chrome, Safari, Opera */
        animation: fadeIn 1s;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	    animation-fill-mode:forwards;
    position: relative;
    margin: 0px auto;
    width: 900px;
    height: 634px;
    background: url("final21.png");
}

h1 {
       opacity: 0;
        -webkit-animation: fadeIn 1s; /* Chrome, Safari, Opera */
        animation: fadeIn 1s;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	    animation-fill-mode:forwards;
    position: relative;
    font-family: spicy_riceregular;
    color: #b595c0;
    text-shadow: 2px 2px 2px black;
    font-size: 50px;
    top: 50px;
    left: 300px;
}

a {
    opacity: 0.25;
	-webkit-transform:2s;
	transition: 2s;
       opacity: 0;
        -webkit-animation: fadeIn 2s; /* Chrome, Safari, Opera */
        animation: fadeIn 2s;
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
        -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	    animation-fill-mode:forwards;
    font-family: aliceregular;
    text-decoration: none;
    color: white;
    text-shadow: 2px 2px 2px black;
    position: relative;
    font-size: 40px;
    top: 290px;
    left: 80px;
}

a:hover{
  opacity:1;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Standard syntax */
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
} 

@font-face {
    font-family: 'spicy_riceregular';
    src: url('spicyrice-regular-webfont.woff2') format('woff2'),
         url('spicyrice-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aliceregular';
    src: url('alice-regular-webfont.woff2') format('woff2'),
         url('alice-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}