/* Fonts */
@font-face {
  font-family: CorporativeSans;
  src: url(fonts/CorporativeSansAltRegular.otf);
}
@font-face {
  font-family: CorporativeSans;
  src: url(fonts/CorporativeSansAltBold.otf);
  font-weight: bold;
}
@font-face {
  font-family: CorporativeSans;
  src: url(fonts/CorporativeSansAltBlackItalic.otf);
  font-weight: bold;
  font-weight: lighter;
}
@font-face {
  font-family: CorporativeSans;
  src: url(fonts/CorporativeSansAltLight.otf);
  font-weight: lighter;
}
@font-face {
  font-family: CorporativeSans;
  src: url(fonts/CorporativeSansAltRegularItalic.otf);
  font-style: italic;
}
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  font-family: CorporativeSans;
  font-size: var(--text_1);
}

/* Main Settings */
:root {
--mergPad: 50px;
--padSide: 20px;
--titleGap: 20px;
--navigation: 18px;
--text_1: 20px;
--text_2: 16px;
--text_big_1: 60px;
--title_1: 34px;
--title_2: 24px;
--input_text_size: 20px;
}
/* Other Settings */
input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: transparent;
}
.title{
font-size: var(--title_1);
font-weight: bold;
}
.title_2{
  font-size: var(--title_2);
  font-weight: bold;
  font-style: italic;
  }
  #layer{
    width: 200px;
    height: 200px;
    background-color: red;
  }
  a:link, a:visited{
    text-decoration:none;
    color: inherit;
  }
  html {
    scroll-behavior: smooth;
  }
  .title_move{
    position:relative;
    color: rgba(0,0,0,0);
  }
  .title_move_js{
    position:absolute;
    top: 80px;
    opacity: 0%;
    left: 50%;
    width:100%;
    transform: translate(-50%);
    transition: top 1s ease-in-out, opacity 2.5s ease-in-out;
    color: black;
    font-size: var(--title_1);
    font-weight: bold;
    height: min-content;
  }
