/home/bdqbpbxa/demo-subdomains/ping-proxies.goodface.com.ua/src/styles/main.scss
@import url("./reset.scss");
@import url("fonts/font.scss");
@import url("./_mixins.scss");
@import url("./_typography.scss");
@import url("./containers.scss");
:root {
/*Primary Colors*/
--White: #fff;
--Grey: #e5e7f1;
--Light-Grey: #f2f3f8;
--Dark: #0d1126;
--Blue-purple: #5547eb;
--Purple-gradient: linear-gradient(225deg, #a192ec -5.89%, #5547eb 99.74%);
--hover-Purple-gradient: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%),
linear-gradient(225deg, #a192ec -5.89%, #5547eb 99.74%);
--Dark-blue-gradient: linear-gradient(213deg, #283680 10%, #0d1126 84.37%);
/*Secondary colors*/
--Lavender: #a192ec;
--Pink: #d993f7;
--Blue: #8abdf9;
--Trustpilot-Green: #00b67a;
/* Opacity*/
--White-10: #ffffff1a;
--White-20: #ffffff33;
--White-70: #ffffffb3;
--Dark-50: #0d112680;
--Light-Grey-0: #f2f3f800;
--Blue-purple-30: #5547eb4d;
--Blue-purple-40: #5547eb66;
--Trustpilot-Green-10: #00b87a1a;
--Trustpilot-Green-20: #00b87a33;
--Lavender-10: #a192ec1a;
--Lavender-20: #a192ec33;
--Lavender-30: #a293ec4d;
--Lavender-40: #a293ec66;
}
html {
font-size: 16px;
overflow-x: hidden;
&.unscrolled {
overflow-y: hidden;
}
}
body {
margin: 0;
font-family: SpaceGrotesk-Medium, sans-serif;
color: var(--Dark);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body.dark {
position: relative;
overflow: hidden;
}
body.dark:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--Dark);
opacity: 0.2;
z-index: 5;
cursor: pointer;
animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 0.2;
}
}
// #root {
// margin-top: 72px;
// }
main {
margin-top: 72px;
transition: 0.4s;
min-height: 110vh;
&.with-banner {
margin-top: 112px;
}
}
code {
font-family: SourceCodePro;
font-size: 14px;
font-style: normal;
line-height: 130%;
letter-spacing: 1px;
}
a {
color: inherit;
}