/*---------------------------------------------------- ------------------------------------------------------ fonts ------------------------------------------------------ ----------------------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Gabarito:wght@400..900&display=swap'); body { font-family: "Gabarito", sans-serif; } /*---------------------------------------------------- ------------------------------------------------------ theme ------------------------------------------------------ ----------------------------------------------------*/ /*---------------------------------- typography ----------------------------------*/ /*---------------------------------- featured image ----------------------------------*/ /*---------------------------------- header ----------------------------------*/ /*---------------------------------- content ----------------------------------*/ /*---------------------------------- footer ----------------------------------*/ /*---------------------------------- images ----------------------------------*/ /*---------------------------------- links and buttons ----------------------------------*/ a { -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out; transition: background-color 0.25s ease-out, color 0.25s ease-out; } a:focus { outline: none; } /*---------------------------------- miscellaneous ----------------------------------*/ /*---------------------------------------------------- ------------------------------------------------------ modules ------------------------------------------------------ ----------------------------------------------------*/ /*---------------------------------------------------- ------------------------------------------------------ templates ------------------------------------------------------ ----------------------------------------------------*/ /*-------------------------------------------------------------------- ---------------------------------------------------------------------- ---------------------------------------------------------------------- 640 Pixels + MEDIA QUERY ---------------------------------------------------------------------- ---------------------------------------------------------------------- --------------------------------------------------------------------*/ @media screen and (min-width: 40em) { /*---------------------------------------------------- ------------------------------------------------------ theme ------------------------------------------------------ ----------------------------------------------------*/ /*---------------------------------- typography ----------------------------------*/ /*---------------------------------- featured image ----------------------------------*/ /*---------------------------------- header ----------------------------------*/ /*---------------------------------- content ----------------------------------*/ /*---------------------------------- footer ----------------------------------*/ /*---------------------------------- images ----------------------------------*/ /*---------------------------------- links and buttons ----------------------------------*/ /*---------------------------------------------------- ------------------------------------------------------ modules ------------------------------------------------------ ----------------------------------------------------*/ /*---------------------------------------------------- ------------------------------------------------------ templates ------------------------------------------------------ ----------------------------------------------------*/ } /*-------------------------------------------------------------------- ---------------------------------------------------------------------- ---------------------------------------------------------------------- 1024 Pixels + MEDIA QUERY ---------------------------------------------------------------------- ---------------------------------------------------------------------- --------------------------------------------------------------------*/ @media screen and (min-width: 64em) { /*---------------------------------------------------- ------------------------------------------------------ theme ------------------------------------------------------ ----------------------------------------------------*/ /*---------------------------------- typography ----------------------------------*/ /*---------------------------------- header ----------------------------------*/ /*---------------------------------- content ----------------------------------*/ /*---------------------------------- footer ----------------------------------*/ /*---------------------------------- images ----------------------------------*/ /*---------------------------------- links and buttons ----------------------------------*/ /*---------------------------------------------------- ------------------------------------------------------ modules ------------------------------------------------------ ----------------------------------------------------*/ /*---------------------------------------------------- ------------------------------------------------------ templates ------------------------------------------------------ ----------------------------------------------------*/ }