@font-face {
		font-family:ZMonaco;
		src:url(Monaco.ttf);
	}
    
                    body {background-color:#090909; font-family:"ZMonaco"}

                    h1,h2,h3 {color:#5386EC}

                    #logo {width:90vw; display:block; margin-left:auto; margin-right:auto}

                    #wrapper {width:90vw; margin-left:auto; margin-right:auto; padding-top:4vw}

                    #content {padding-top:2vw; padding-bottom:2vw}

                    #catchPhrase {color:#4477DD; font-size:2.6vw; width:90vw; margin:0 auto}
                    #block {animation:flash 1.5s ease-in-out infinite;}

                        @keyframes flash {0% {opacity:0.5} 50% {opacity:1} 100% {opacity:0.5}}
        



                    #yes {margin-top:10pt; margin-right:5pt; font-size:2.8vw; font-family:"ZMonaco"; color:green; background-color:#090909; border-style: solid; border-color:green; cursor:pointer}
                    
                    #cookies {color:#4477DD; font-size:2.6vw; text-align:center; background-color:#090909; padding:10px}

                        .flyingButton {animation:fly 10s ease-in}
                        .disappearingPrompt {animation:fadeAway 10s linear; opacity:0}
                        
                        @keyframes fly {0% {transform: translate(0px,0px) rotate(0deg)} 100% {transform: translate(150px,-150px) rotate(720deg)}}
                        @keyframes fadeAway {0% {opacity:1} 100% {opacity:0}}

                    #fun {width:70vw; height:70vw; margin-left:auto; margin-right:auto; background-image:url('fun.png'); background-size:cover}
                    .blueText {color:#5386EC; font-size:2.4vw;}
                    .topLink {color:#5386EC; font-size:2.5vw; background-color:none;
                        width:30vw; height:5vw; float:left; line-height:5vw;

                            transition:background-color 0.2s;
                            -webkit-transition:background-color 0.2s;
                            -moz-transition:background-color 0.2s;
                            -o-transition:background-color 0.2s;}

                    #linkHolder {text-align:center; width:100%; height:5vw}
                    .topLink:hover {background-color:#230560}
                    .purpleBar {background-color:#230560; width:100%; height:1px; margin-left:0; margin-top:0; margin-bottom:0}
                    .divider {background-color:#3366CC; width:30vw; height:1px; margin-left:15vw; margin-top:1vw; margin-bottom:1.4vw}
                    .boxBack {width:7vw; height:7vw; background-color:#130050; display:block; float:left; opacity:1;
                    transition:opacity 2s; margin:none}
                    .boxBack:hover {opacity:0}
        
                        .project {text-decoration:none; border-style:solid; border-left-width:0.5vw; border-right-width:0.5vw; border-top-width:0vw; border-bottom-width:0vw; border-color:#090909; width:70vw; height:10vw; margin-left:auto; margin-right:auto; text-align:left; transition: 2s ease-out; margin-bottom:0vw; text-align:left; padding:10px; h4 {color:#6638A3; transition:2s ease-out}}

                        .project:hover {border-color:#6638A3; h4 {color:#9668D3; transition:0.2s} transition:0.2s}

                        a {text-decoration:none;}
                        h4 {text-decoration:none; font-size:4vw; line-height:10vw; display:inline}
                        .notice {font-size:3vw; color:red}
                        .year {font-size:3vw}
                        .icon {height:10vw; float:right}

        
        

        
    @media only screen and (min-width: 800px) {

                    body {background-color:#090909; font-family:"ZMonaco"}
                    h1,h2,h3 {color:#5386EC}
                    #logo {width:50vw; display:block; margin-left:auto; margin-right:auto;
                    }
                    #wrapper {width:60vw; margin-left:auto; margin-right:auto; padding-top:3vw}
                    #content {padding-top:2vw; padding-bottom:2vw}
                    #catchPhrase {color:#4477DD; font-size:1.3vw; width:50vw; margin:0 auto;}
                    #block {animation:flash 1.5s ease-in-out infinite;}
                        @keyframes flash {0% {opacity:0.5} 50% {opacity:1} 100% {opacity:0.5}}
                    
                    #cookies {font-size:1.3vw;}
                    #yes {font-size:1.5vw}
                    #no {font-size:1.5vw}

                    #fun {width:35vw; height:35vw; margin-left:auto; margin-right:auto; background-image:url('fun.png'); background-size:cover}
                    .blueText {color:#5386EC; font-size:1.2vw;}
                    .topLink {color:#5386EC; font-size:1.1vw; background-color:none;
                        width:20vw; height:2vw; float:left; line-height:2.1vw;

                            transition:background-color 0.2s;}

                    #linkHolder {text-align:center; width:100%; height:2vw}
                    .topLink:hover {background-color:#230560}
                    .purpleBar {background-color:#230560; width:100%; height:1px; margin-left:0; margin-top:0; margin-bottom:0}
                    .divider {background-color:#3366CC; width:30vw; height:1px; margin-left:15vw; margin-top:1vw; margin-bottom:1.4vw}
                    .boxBack {width:3.5vw; height:3.5vw; background-color:#130050; display:block; float:left; opacity:1;
                    transition:opacity 2s}
                    .boxBack:hover {opacity:0}
                    
        
        

                        .project {text-decoration:none; border-style:solid; border-left-width:0.5vw; border-right-width:0.5vw; border-top-width:0vw; border-bottom-width:0vw; border-color:#090909; width:25vw; height:4vw; margin-left:auto; margin-right:auto; text-align:left; transition: 2s ease-out; margin-bottom:0vw; h4 {color:#6638A3; transition:2s ease-out}}
        .project:hover {border-color:#6638A3; h4 {color:#9668D3; transition:0.2s} transition:0.2s}
                        a {text-decoration:none;}
                        h4 {text-decoration:none; font-size:2vw; line-height:4vw; display:inline}
                        .notice {font-size:1.5vw}
                        .year {font-size:1.5vw}
                        .icon {height:4vw; float:right}


        
        }