*::-webkit-input-placeholder {
     color: #00262d;
     opacity: 1;
}

*:-moz-placeholder {
     color: #00262d;
     opacity: 1;
}

*::-moz-placeholder {
     color: #00262d;
     opacity: 1;
}

*:-ms-input-placeholder {
     color: #00262d;
     opacity: 1;
}

:root {
     --space: #003299;
     --red: #E00032;
     --blue: #0071ff;
     --gray: #e1e1e1;
     --dark-gray: #c8c8c8;
     --light-black: #242424;
     --black: #191919;
     --orange: #ffe100;
     --turkuaz: #00c8b5;
     --yellow: #ffff00;
     --white: #fff;
     --very-very-light-gray: #fbfbfb;
     --very-light-gray: #f5f5f5;
     --light-gray: #f2f2f2;
     --lite-gray: #ccc;
     --tr: transparent;
     --fs-01: .1rem;
     --fs-02: .2rem;
     --fs-03: .3rem;
     --fs-04: .4rem;
     --fs-05: .5rem;
     --fs-06: .6rem;
     --fs-07: .7rem;
     --fs-08: .8rem;
     --fs-09: .9rem;
     --fs-0905: .905rem;
     --fs-10: 1.0rem;
     --fs-11: 1.1rem;
     --fs-111: 1.11rem;
     --fs-12: 1.2rem;
     --fs-14: 1.4rem;
     --fs-16: 1.6rem;
     --fs-18: 1.8rem;
     --fs-20: 2rem;
     --fs-25: 2.5rem;
     --fs-30: 3rem;
     --fs-40: 4rem;
     --fs-50: 5rem;
     --fs-90: 9rem;
}

body {
     color: var(--white);
     font-family: 'Poppins', sans-serif;
     background-color: var(--red);
}

a {
     color: var(--white);
     margin: 0 10px;
     text-decoration: none;
}

a:hover {
     color: var(--orange);
}

a,
a:hover,
img,
img:hover {
     transition: all .25s ease-out;
}

a:hover,
img:hover {
     transform: scale(1.05, 1.05);
}



/* MARGIN */

.mt-10 {
     margin-top: 10px;
}

.mt-20 {
     margin-top: 20px;
}



/* CONTENT */

#header,
#footer {
     height: 100px;
}

#content {
     display: block;
}

.logotype {
     width: 500px;
}

.logotype img {
     width: 100%;
     
}

.social {
     text-align: center;
}

.social .fa-brands {
     font-size: var(--fs-14);
}