@ -1,57 +1,56 @@
/* Custom CSS styles */
/* Custom CSS styles */
@ font-face {
@ font-face {
font-family : 'Signika Bold' ;
font-family : "Signika Bold" ;
src : url ( 'fonts/Signika-Bold.ttf' ) format ( 'ttf' ) ;
src : url ( "fonts/Signika-Bold.ttf" ) format ( "ttf" ) ;
font-weight : bold ;
font-weight : bold ;
font-style : normal ;
font-style : normal ;
}
}
@ font-face {
@ font-face {
font-family : 'Signika' ;
font-family : "Signika" ;
src : url ( 'fonts/Signika-Regular.ttf' ) format ( 'ttf' ) ;
src : url ( "fonts/Signika-Regular.ttf" ) format ( "ttf" ) ;
font-weight : normal ;
font-weight : normal ;
font-style : normal ;
font-style : normal ;
}
}
@ font-face {
@ font-face {
font-family : 'Rubik' ;
font-family : "Rubik" ;
src : url ( 'fonts/Rubik-Bold.ttf' ) format ( 'ttf' ) ,
src : url ( "fonts/Rubik-Bold.ttf" ) format ( "ttf" ) ,
url ( 'fonts/rubik-bold-webfont.woff' ) format ( 'woff' ) ,
url ( "fonts/rubik-bold-webfont.woff" ) format ( "woff" ) ,
url ( 'fonts/rubik-bold-webfont.woff2' ) format ( 'woff2' ) ;
url ( "fonts/rubik-bold-webfont.woff2" ) format ( "woff2" ) ;
font-weight : bold ;
font-weight : bold ;
font-style : normal ;
font-style : normal ;
}
}
@ font-face {
@ font-face {
font-family : 'Rubik' ;
font-family : "Rubik" ;
src : url ( 'fonts/Rubik-Regular.ttf' ) format ( 'ttf' ) ;
src : url ( "fonts/Rubik-Regular.ttf" ) format ( "ttf" ) ;
font-weight : normal ;
font-weight : normal ;
font-style : normal ;
font-style : normal ;
}
}
@ font-face {
@ font-face {
font-family : 'Rubik' ;
font-family : "Rubik" ;
src : url ( 'fonts/Rubik-Italic.ttf' ) format ( 'ttf' ) ;
src : url ( "fonts/Rubik-Italic.ttf" ) format ( "ttf" ) ;
font-weight : normal ;
font-weight : normal ;
font-style : italic ;
font-style : italic ;
}
}
@ font-face {
@ font-face {
font-family : 'PalanquinDark' ;
font-family : "PalanquinDark" ;
src : url ( 'fonts/PalanquinDark-Bold.ttf' ) format ( 'ttf' ) ;
src : url ( "fonts/PalanquinDark-Bold.ttf" ) format ( "ttf" ) ;
font-weight : bold ;
font-weight : bold ;
font-style : normal ;
font-style : normal ;
}
}
@ font-face {
@ font-face {
font-family : 'PalanquinDark' ;
font-family : "PalanquinDark" ;
src : url ( 'fonts/PalanquinDark-Regular.ttf' ) format ( 'ttf' ) ;
src : url ( "fonts/PalanquinDark-Regular.ttf" ) format ( "ttf" ) ;
font-weight : normal ;
font-weight : normal ;
font-style : normal ;
font-style : normal ;
}
}
body {
body {
height : 100vh ;
height : 100vh ;
margin : 0px ;
margin : 0px ;
@ -70,48 +69,48 @@ img.button {
}
}
. record {
. record {
position : fixed ;
position : fixed ;
top : 20px ;
top : 20px ;
left : 20px ;
left : 20px ;
}
}
. record : hover {
. record : hover {
top : 22px ;
top : 22px ;
left : 22px ;
left : 22px ;
}
}
. stop {
. stop {
position : fixed ;
position : fixed ;
top : 100px ;
top : 100px ;
left : 20px ;
left : 20px ;
}
}
. stop : hover {
. stop : hover {
top : 102px ;
top : 102px ;
left : 22px ;
left : 22px ;
}
}
. leaf {
. leaf {
position : fixed ;
position : fixed ;
top : 180px ;
top : 180px ;
left : 20px ;
left : 20px ;
}
}
. leaf : hover {
. leaf : hover {
top : 182px ;
top : 182px ;
left : 22px ;
left : 22px ;
}
}
. about {
. about {
width : 3 % ! important ;
width : 3 % ! important ;
position : fixed ;
position : fixed ;
top : 260px ;
top : 260px ;
left : 20px ;
left : 20px ;
}
}
. about : hover {
. about : hover {
top : 262px ;
top : 262px ;
left : 22px ;
left : 22px ;
}
}
. about-text {
. about-text {
@ -161,7 +160,7 @@ div.footer {
@ media screen and ( max-width : 770px ) {
@ media screen and ( max-width : 770px ) {
img . button {
img . button {
width : 10 % ;
width : 10 % ;
}
}
. about {
. about {
width : 7 % ! important ;
width : 7 % ! important ;
@ -177,7 +176,6 @@ div.footer {
right : 25vw ;
right : 25vw ;
bottom : 2vh ;
bottom : 2vh ;
left : unset ;
left : unset ;
}
}
. leaf {
. leaf {