/*TYPOGRAPHY*/
        @font-face {
            font-family: Streetwear;
            src: url('cssPosterFonts/Streetwear.otf');
        }
        @font-face {
            font-family: CooperHewitt-Bold;
            src: url('cssPosterFonts/CooperHewitt-Bold.otf');
        }
        @font-face {
            font-family: CooperHewitt-Semibold;
            src: url('cssPosterFonts/CooperHewitt-Semibold.otf');
        }
        @font-face {
            font-family: CooperHewitt-Medium;
            src: url('cssPosterFonts/CooperHewitt-Medium.otf');
        }

        body{
            font-family: 'Helvetica Neue', Helvetica, sans-serif;
            font-size: 30px;
            font-weight: 300; 
            color: #555;
            background: #91bed4;
        }
        
        p{
            font-size: 30px;
        }
        
        #holder{
            margin: auto;
            margin-top: 50px;
            width: 300px;
            height: 300px;
            background: #54AFDB;
            border-radius: 50%;
        }
        #circleBorder{
            margin: auto;
            margin-top: 50px;
            width: 290px;
            height: 290px;
            position: relative;
            top: -345px;
            background: -webkit-linear-gradient(303deg,#333,#6E90A1,#333);
            background: linear-gradient(147deg,#333,#6E90A1,#333);
            border-radius: 50%;
            
            -webkit-animation:spin 4s linear infinite;
            -moz-animation:spin 4s linear infinite;
            animation:spin 4s linear infinite;
        }

            @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
            @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
            @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
        
        .baseStyle{
            text-align: center;
        }

        .style1{
            font-family: 'Streetwear';
            font-size: 60px;
            z-index: 1;
            position:relative;
            top: 40px;
            left: -10px;
            color: #6E90A1;
            text-decoration: none;
            text-shadow: 3px 3px 0 #3A4C54,/* Simulated effect for Firefox and Opera and nice enhancement for WebKit */
            -1px -1px 0 #3A4C54,  
            1px -1px 0 #3A4C54,
            -1px  1px 0 #3A4C54,
            1px  1px 0 #3A4C54;
            -ms-transform: skewY(-10deg);/* IE 9 */
            -webkit-transform: skewY(-10deg);/* Safari */
            transform: skewY(-10deg);/* Standard syntax */
        }
        .style2{
            font-family: 'CooperHewitt-Bold';
            font-size: 200px;
            z-index: 1;
            position: relative;
            top: -260px;
            left: 22px;
            color: #54AFDB;
        }
        .style2-1{
            font-family: 'CooperHewitt-Bold';
            font-size: 200px;
            z-index: 1;
            position: relative;
            top: 5px;
            left: 32px;
            color: #204354;
        }
        .style2-2{
            font-family: 'CooperHewitt-Medium';
            font-size: 188px;
            letter-spacing: 12px;
            z-index: 1;
            position: relative;
            top: -513px;
            left: 27px;
            color: #fff;
            /*background: -webkit-linear-gradient(-80deg, #fff, #fff, #204354, #fff, #fff, #fff);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;*/
        }
        .style3{
            font-family: 'Streetwear';
            font-size: 60px;
            z-index: 1;
            position: relative;
            top: -600px;
            color: #6E90A1;
            text-decoration: none;
            text-shadow: 3px 3px 0 #3A4C54,/* Simulated effect for Firefox and Opera and nice enhancement for WebKit */
            -1px -1px 0 #3A4C54,  
            1px -1px 0 #3A4C54,
            -1px  1px 0 #3A4C54,
            1px  1px 0 #3A4C54;
            -ms-transform: skewY(-10deg);/* IE 9 */
            -webkit-transform: skewY(-10deg);/* Safari */
            transform: skewY(-10deg);/* Standard syntax */
        }