/* 
Theme Name: Mykhailo Radkevych
Theme URI: https://miraiforge.eu
Author: Stanislav H (MiraiForge)
Description: This theme is made and intended for Mykhailo Radkevych. Includes overlay-menu animation, sticky tape and dynamic adaptation of objects
Version: 1.0
*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --index: calc(1vw + 1vh);
    --main_color: #C4C2C0 ;
    --support_color: #1F1F1F ;
}

@font-face {
    font-family: 'Bebas';
    src: url(../miraiforge_theme/fonts/BebasNeue-Regular.woff2);
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url(../miraiforge_theme/fonts/Montserrat-VariableFont_wght.woff);
    font-display: swap;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Bebas Neue';
}

body, html {
     overscroll-behavior-y: contain;
    background-color: var(--main_color);
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.no-scroll {
  overflow: hidden !important;
  height: 100vh !important;
  position: fixed !important;
  width: 100% !important;
}
body::--webkit-scrollbar {
    display: none;
}

a {
  text-decoration: none;
  color: var(--main_color);
}


.transition {
  position: fixed;
  z-index: 4;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  pointer-events: none;
  background: var(--main_color);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.image-grid-wrapper img {
   filter: brightness(0.9) contrast(1.15) saturate(0.8);
}