:root {
  /*
  --main-padding: 0px;
  --main-border-width: 1px;
  */
  box-sizing: border-box;
}

*{
  margin:0;
  padding:0;
  border:none;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

*.unselectable {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;

  /*
    Introduced in Internet Explorer 10.
    See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
  */
  -ms-user-select: none;
  user-select: none;
}

img{
  vertical-align: top;
}

@font-face{
  font-family: "Insecure";
  src: url("../fonts/Insecure.ttf") format("truetype");
}
@font-face {
  font-family: 'GeoramaCondenssed-Regular';
  src: url('../fonts/GeoramaCondensed-Regular.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'GeoramaCondenssed-ThinItalic';
  src: url('../fonts/GeoramaCondensed-ThinItalic.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'GeoramaExtraCondensed-Regular';
  src: url('../fonts/GeoramaExtraCondensed-Regular.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'GeoramaExtraCondensed-ThinItalic';
  src: url('..fonts/GeoramaCondenssed-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}