@import "variables"; @import "fonts"; body { margin: 0; padding: 0; background-color: var(--background); color: var(--foreground); font-family: 'Ubuntu', sans-serif; max-width: 1000px; margin: 0 auto; box-shadow: 0px -30px 20px rgba(0, 0, 0, 0.5); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding:10px 0; } a, .link{ transition: 0.3s; color: $link-color; text-decoration: none; &:hover, &:focus{ color: var(--pink) } } @media (min-width: 1000px) { box-shadow: 4px 4px 32px rgba(0, 0, 0, 0.34); } .h1{ font-family: 'Mononoki Bold', 'Fira Code SemiBold' ; font-size: 2em; } code{ font-family: $main-font; } @import "logo"; @import "elements/page-links"; @import "elements/recent-list"; @import "elements/contacts"; @import "elements/portfolio-project"; @import "elements/blog-post-preview"; @import "elements/blog-post";