/*Estilos globales que todos tendran, donde manejamos las diferentes secciones y el tipo de scroll que haremos*/
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth !important;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
    opacity: 0;
    transition: opacity 0.35s ease-in-out;
    background-color: #001932;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body.loaded {
    opacity: 1 !important;
}

section,
[id],
main-home [id],
.home-content [id],
about-us,
teyonix-services,
global-experience,
contact-teyonix {
    scroll-margin-top: 85px !important;
}

::selection {
    background-color: #ef6e00;
    color: #ffffff;
}

::-moz-selection {
    background-color: #ef6e00;
    color: #ffffff;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}