html { scroll-behavior: smooth; } body { margin: 0; background-color: $back-color-2; color: $text-color; font-family: 'Source Sans Pro', sans-serif; width: calc(100% - 1px); height: 100%; } button { background-color: $accent-color; color: #fff; text-transform: uppercase; border: 0; padding: 5px; cursor: pointer; border-radius: 5px; transition: background-color $link-hover-animation-time linear; &:hover, &:active, &:focus { background-color: $accent-color-2; outline: none; } } .spacer { clear: both; } a { padding: 0; color: $accent-color; text-decoration: underline; transition: color $link-hover-animation-time; &:HOVER { color: $accent-color-2; } } .noStyleLink { text-decoration: none; } h1 { color: $title-color; text-transform: uppercase; } .red { color: red; } .center { text-align: center; } .left { text-align: left; } .right { text-align: left; } .block { text-align: justify; text-justify: auto; } img { border-radius: $border-radius-image; &.no-corner { border-radius: 0; } }