@font-face {
  font-family: 'Raleway';
  src: URL( '../fonts/raleway/Raleway-Thin.ttf' ) format( 'truetype' );
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: URL( '../fonts/raleway/Raleway-ThinItalic.ttf' ) format( 'truetype' );
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Raleway';
  src: URL( '../fonts/raleway/Raleway-ExtraLight.ttf' ) format( 'truetype' );
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: URL( '../fonts/raleway/Raleway-ExtraLightItalic.ttf' ) format( 'truetype' );
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Raleway';
  src: URL( '../fonts/raleway/Raleway-Light.ttf' ) format( 'truetype' );
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: URL( '../fonts/raleway/Raleway-LightItalic.ttf' ) format( 'truetype' );
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Raleway';
  src: URL( '../fonts/raleway/Raleway-Regular.ttf' ) format( 'truetype' );
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: URL( '../fonts/raleway/Raleway-Italic.ttf' ) format( 'truetype' );
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Raleway';
  src: URL( '../fonts/raleway/Raleway-Medium.ttf' ) format( 'truetype' );
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: URL( '../fonts/raleway/Raleway-MediumItalic.ttf' ) format( 'truetype' );
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Raleway';
  src: URL( '../fonts/raleway/Raleway-SemiBold.ttf' ) format( 'truetype' );
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: URL( '../fonts/raleway/Raleway-SemiBoldItalic.ttf' ) format( 'truetype' );
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Raleway';
  src: URL( '../fonts/raleway/Raleway-Bold.ttf' ) format( 'truetype' );
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: URL( '../fonts/raleway/Raleway-BoldItalic.ttf' ) format( 'truetype' );
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Raleway';
  src: URL( '../fonts/raleway/Raleway-ExtraBold.ttf' ) format( 'truetype' );
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: URL( '../fonts/raleway/Raleway-ExtraBoldItalic.ttf' ) format( 'truetype' );
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Raleway';
  src: URL( '../fonts/raleway/Raleway-Black.ttf' ) format( 'truetype' );
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: URL( '../fonts/raleway/Raleway-BlackItalic.ttf' ) format( 'truetype' );
  font-weight: 900;
  font-style: italic;
}

:root {
  --raleway: 'Raleway', sans-serif;
  --negro: #000;
  --blanco: #fff;
  --principal: #1B1B1B;
  --secundario: #141414;
  --sombra: rgb( 27, 27, 27, 0.25 );
  --color-1: #090909;
  --color-2: rgb( 0, 0, 0, 0.85 );
  --color-3: rgb( 255, 255, 255, 0.15 );
  --color-4: rgb( 255, 255, 255, 0.05 );
  --color-5: #0F0F0F;
}

.screen-reader-text {
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  position: absolute;
  overflow: hidden;
  clip: rect( 0, 0, 0, 0 );
  white-space: nowrap;
  border: 0;
}