| Current Path : /home/users/unlimited/www/testing.codeskitter.site/three/ |
| Current File : /home/users/unlimited/www/testing.codeskitter.site/three/global.css |
:root {
--primary-color: #fd6800;
--dark-bg: #4d4d4d;
--light-bg: #fff3ea;
--form-bg: #faf9ff;
--text-dark: #2a2c2b;
--text-light: #ffffff;
--text-gray: #404040;
--border-color: #bbbbbb;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
margin: 0;
font-family: 'Poppins', sans-serif;
background-color: #ffffff;
color: var(--text-dark);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.container {
max-width: 1440px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
img {
max-width: 100%;
height: auto;
display: block;
}
a {
text-decoration: none;
color: inherit;
}
h1, h2, h3, p {
margin: 0;
}
.btn {
display: inline-flex;
justify-content: center;
align-items: center;
padding: 10px 24px;
border-radius: 28px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
}
.btn-primary {
background-color: var(--primary-color);
color: var(--text-light);
border: 1px solid var(--primary-color);
}
.btn-primary:hover {
background-color: #e45e00;
}
.btn-outline {
background-color: transparent;
color: var(--primary-color);
border: 1px solid var(--primary-color);
}
.btn-outline:hover {
background-color: var(--primary-color);
color: var(--text-light);
}