2015-02-16 07:55:56 -05:00
@ font-face {
font-family : 'Montserrat' ;
font-style : normal ;
font-weight : 400 ;
src : local ( 'Montserrat-Regular' ) , url ( https : / / themes . googleusercontent . com / static / fonts / montserrat / v4 / zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0 . woff ) format ( 'woff' ) ;
}
2014-10-17 14:59:45 -04:00
@ font-face {
font-family : 'Montserrat' ;
font-style : normal ;
font-weight : 700 ;
2014-11-11 13:23:42 -05:00
src : local ( 'Montserrat-Bold' ) , url ( https : / / themes . googleusercontent . com / static / fonts / montserrat / v4 / IQHow_FEYlDC4Gzy_m8fcgFhaRv2pGgT5Kf0An0s4MM . woff ) format ( 'woff' ) ;
2014-10-17 14:59:45 -04:00
}
2015-02-16 07:55:56 -05:00
@ font-face {
font-family : 'Merriweather Sans' ;
font-style : normal ;
font-weight : 300 ;
src : local ( 'Merriweather Sans Light' ) , local ( 'MerriweatherSans-Light' ) , url ( https : / / fonts . gstatic . com / s / merriweathersans / v5 / 6LmGj5dOJopQKEkt88Gowby3qP8l_EZEfCX16eKT4TP3rGVtsTkPsbDajuO5ueQw . woff ) format ( 'woff' ) ;
}
2015-02-15 19:08:17 -05:00
html , body {
2015-02-15 17:55:04 -05:00
width : 100 % ;
height : 100 % ;
2015-02-15 19:08:17 -05:00
margin : 0 ;
padding : 0 ;
}
body {
2015-02-16 07:55:56 -05:00
font-family : 'Merriweather Sans' , sans-serif ;
2015-02-15 17:55:04 -05:00
color : # fff ;
background : # 000 ;
webkit-tap-highlight-color : rgba ( 255 , 255 , 255 , . 2 ) ;
2015-02-15 21:31:26 -05:00
-webkit-animation : fadein 1 . 5s ;
2015-02-15 21:42:12 -05:00
-moz-animation : fadein 1 . 5s rotate ( 0 . 01deg ) ;
2015-02-15 21:31:26 -05:00
-ms-animation : fadein 1 . 5s ;
-o-animation : fadein 1 . 5s ;
animation : fadein 1 . 5s ;
2015-02-15 21:39:03 -05:00
-webkit-transform : translateZ ( 0 ) ;
-webkit-backface-visibility : hidden ;
2015-02-15 21:49:27 -05:00
-webkit-touch-callout : none ;
-webkit-user-select : none ;
-khtml-user-select : none ;
-moz-user-select : none ;
-ms-user-select : none ;
user-select : none ;
2014-10-17 14:59:45 -04:00
}
2015-02-15 20:08:08 -05:00
h2 {
2015-02-15 18:38:29 -05:00
margin : 0 0 15px ;
2015-02-15 17:55:04 -05:00
text-transform : uppercase ;
font-family : Montserrat , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
font-weight : 700 ;
letter-spacing : 1px ;
text-align : center ;
2015-02-16 08:26:24 -05:00
font-size : 21px ;
2014-10-17 14:59:45 -04:00
}
p {
2015-02-15 17:55:04 -05:00
margin : 0 0 15px ;
2015-02-15 18:38:29 -05:00
line-height : 1 . 5 ;
2015-02-15 17:55:04 -05:00
text-align : center ;
2014-10-17 14:59:45 -04:00
}
2015-02-16 08:13:34 -05:00
a {
text-decoration : none ;
color : # 4a6f28 ;
-webkit-transition : all . 2s ease-in-out ;
-moz-transition : all . 2s ease-in-out ;
transition : all . 2s ease-in-out ;
}
2014-10-17 14:59:45 -04:00
a : hover ,
a : focus {
2015-02-16 08:13:34 -05:00
color : # 5b8731 ;
2014-10-17 14:59:45 -04:00
}
2015-02-16 06:33:01 -05:00
# intro {
display : table ;
width : 100 % ;
height : 100 % ;
color : # fff ;
2015-02-16 06:58:33 -05:00
background-color : # 5b8731 ;
background-image : linear-gradient ( 90deg , rgba ( 74 , 111 , 40 , . 3 ) 50 % , transparent 50 % ) ,
linear-gradient ( rgba ( 62 , 92 , 32 , . 2 ) 50 % , transparent 50 % ) ;
2015-02-16 06:50:28 -05:00
background-size : 20px 20px ;
2014-10-17 14:59:45 -04:00
}
2015-02-15 20:08:08 -05:00
# intro-body {
2015-02-15 17:55:04 -05:00
display : table-cell ;
vertical-align : middle ;
text-align : center ;
2014-10-17 14:59:45 -04:00
}
2015-02-15 20:08:08 -05:00
# logo {
2015-02-15 18:32:23 -05:00
font-size : 35px ;
2015-02-15 17:55:04 -05:00
text-transform : uppercase ;
font-family : Montserrat , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
font-weight : 700 ;
letter-spacing : 1px ;
text-align : center ;
margin : 0 ;
2014-10-17 14:59:45 -04:00
}
2015-02-15 20:08:08 -05:00
h1 {
2015-02-15 18:42:46 -05:00
font-size : 13px ;
2015-02-15 17:55:04 -05:00
text-transform : uppercase ;
2015-02-16 07:35:42 -05:00
font-family : Montserrat , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
2015-02-15 20:08:08 -05:00
font-weight : 400 ;
2015-02-15 20:21:34 -05:00
margin-top : 0 ;
margin-bottom : 16px ;
2015-02-15 20:24:07 -05:00
line-height : 6px ;
2014-10-17 14:59:45 -04:00
}
2015-02-16 09:22:59 -05:00
# circle {
2015-02-15 18:24:12 -05:00
display : inline-block ;
2015-02-15 18:32:23 -05:00
width : 30px ;
height : 30px ;
line-height : 30px ;
2015-02-15 18:24:12 -05:00
border : 1px solid # fff ;
2015-02-15 18:08:17 -05:00
border-radius : 50 % ;
-webkit-border-radius : 50 % ;
-moz-border-radius : 50 % ;
2015-02-15 19:13:04 -05:00
font-size : 15px ;
2015-02-15 17:55:04 -05:00
color : # fff ;
background : none ;
-webkit-transition : background . 3s ease-in-out ;
-moz-transition : background . 3s ease-in-out ;
transition : background . 3s ease-in-out ;
text-decoration : none ;
2014-10-17 14:59:45 -04:00
}
2015-02-16 09:22:59 -05:00
# circle : hover ,
# circle : focus {
2015-02-15 17:55:04 -05:00
outline : 0 ;
2015-02-15 18:08:17 -05:00
color : # fff ;
2015-02-15 17:55:04 -05:00
background : rgba ( 255 , 255 , 255 , . 1 ) ;
2014-10-17 14:59:45 -04:00
}
2015-02-15 20:08:08 -05:00
# about {
2015-02-15 17:55:04 -05:00
width : 100 % ;
2015-02-16 06:43:26 -05:00
height : 100 % ;
2015-02-15 17:55:04 -05:00
color : # fff ;
display : table ;
background : # 000 ;
2014-10-17 14:59:45 -04:00
}
2015-02-15 20:08:08 -05:00
# about-body {
2015-02-15 17:55:04 -05:00
display : table-cell ;
vertical-align : middle ;
2015-02-15 18:41:06 -05:00
padding-left : 10px ;
padding-right : 10px ;
padding-top : 30px ;
padding-bottom : 30px ;
2015-02-15 18:42:46 -05:00
font-size : 13px ;
2015-02-15 19:26:17 -05:00
text-align : center ;
2014-10-17 14:59:45 -04:00
}
:: -moz-selection {
2015-02-15 17:55:04 -05:00
background : # fcfcfc ;
background : rgba ( 255 , 255 , 255 , . 2 ) ;
2014-10-17 14:59:45 -04:00
}
:: selection {
2015-02-15 17:55:04 -05:00
background : # fcfcfc ;
background : rgba ( 255 , 255 , 255 , . 2 ) ;
2014-10-17 14:59:45 -04:00
}
2015-02-16 05:53:21 -05:00
input {
2015-02-16 06:58:33 -05:00
border : 1px solid # 4a6f28 ;
color : # 4a6f28 ;
2015-02-15 17:55:04 -05:00
background : none ;
padding : 7px ;
2015-02-16 08:26:24 -05:00
width : 80px ;
2015-02-16 07:55:56 -05:00
font-family : 'Merriweather Sans' , sans-serif ;
2015-02-15 18:44:20 -05:00
font-size : 13px ;
2015-02-15 18:38:29 -05:00
margin : 15px 0 0 0 ;
2015-02-15 17:55:04 -05:00
-moz-border-radius : 0px 3px 3px 0px ;
-webkit-border-radius : 0px 3px 3px 0px ;
border-radius : 0px 3px 3px 0px ;
2015-02-15 18:08:17 -05:00
-webkit-transition : background . 3s ease-in-out ;
-moz-transition : background . 3s ease-in-out ;
transition : background . 3s ease-in-out ;
2014-11-11 14:14:40 -05:00
}
2015-02-16 05:53:21 -05:00
input : hover ,
input : focus {
2015-02-16 06:58:33 -05:00
border : 1px solid # 4a6f28 ;
2015-02-15 17:55:04 -05:00
outline : 0 ;
color : # 000 ;
2015-02-16 06:58:33 -05:00
background : # 4a6f28 ;
2014-11-11 14:19:06 -05:00
}
2015-02-16 09:22:59 -05:00
# ip {
2015-02-16 06:58:33 -05:00
border : 1px solid # 4a6f28 ;
2015-02-15 17:55:04 -05:00
color : # 000 ;
2015-02-16 06:58:33 -05:00
background : # 4a6f28 ;
2015-02-15 17:55:04 -05:00
padding : 7px ;
2015-02-15 18:38:29 -05:00
margin : 15px 0 0 0 ;
2015-02-15 18:44:20 -05:00
font-size : 13px ;
2015-02-15 17:55:04 -05:00
-moz-border-radius : 3px 0px 0px 3px ;
-webkit-border-radius : 3px 0px 0px 3px ;
border-radius : 3px 0px 0px 3px ;
2014-11-11 15:23:26 -05:00
}
2015-02-16 07:14:33 -05:00
@ media ( min-width : 767px ) {
h2 {
margin : 0 0 25px ;
2015-02-16 08:26:24 -05:00
font-size : 33px ;
2015-02-15 18:38:29 -05:00
}
2015-02-16 07:14:33 -05:00
p {
margin : 0 0 20px ;
line-height : 1 . 5 ;
2014-11-14 16:37:00 -05:00
}
2015-02-16 07:14:33 -05:00
# intro {
2015-02-16 06:43:26 -05:00
background-size : 30px 30px ;
}
2015-02-16 07:14:33 -05:00
# about-body {
padding-left : 90px ;
padding-right : 90px ;
padding-top : 40px ;
padding-bottom : 40px ;
2015-02-16 07:55:56 -05:00
font-size : 18px ;
2015-02-16 07:14:33 -05:00
}
input {
2015-02-16 07:55:56 -05:00
font-size : 18px ;
2015-02-16 07:14:33 -05:00
margin : 25px 0 0 0 ;
2015-02-16 08:26:24 -05:00
width : 113px ;
2015-02-16 07:14:33 -05:00
}
2015-02-16 09:22:59 -05:00
# ip {
2015-02-16 07:55:56 -05:00
font-size : 18px ;
2015-02-16 07:14:33 -05:00
margin : 25px 0 0 0 ;
}
2015-02-16 09:22:59 -05:00
# circle {
2015-02-16 07:14:33 -05:00
font-size : 29px ;
width : 60px ;
height : 60px ;
line-height : 60px ;
border : 2px solid # fff ;
}
# logo {
font-size : 100px ;
}
h1 {
font-size : 25px ;
margin-bottom : 45px ;
2014-11-14 16:37:00 -05:00
}
2015-02-15 17:31:44 -05:00
}
2015-02-16 06:50:28 -05:00
@ keyframes fadein {
from { opacity : 0 ; }
to { opacity : 1 ; }
2015-02-15 20:49:53 -05:00
}
2015-02-16 06:50:28 -05:00
@ -moz-keyframes fadein {
from { opacity : 0 ; }
to { opacity : 1 ; }
2015-02-15 20:49:53 -05:00
}
2015-02-16 06:50:28 -05:00
@ -webkit-keyframes fadein {
from { opacity : 0 ; }
to { opacity : 1 ; }
2015-02-15 20:49:53 -05:00
}
2015-02-16 06:50:28 -05:00
@ -ms-keyframes fadein {
from { opacity : 0 ; }
to { opacity : 1 ; }
2015-02-15 20:49:53 -05:00
}