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: #000;
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;
}
}