/*
Theme Name: Anavira_Original
Theme URI: screenshot.png
Author: Dinh Cuong

Description: Anavira
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: #Anavira, #ThuctinhManhmeTaisinh
*/

@font-face {
  font-family: 'HLTAphroditeSlimPro';
  src: url('./assets/fonts/HLTAphroditeSlimPro.woff2') format('woff2');

}

@font-face {
  font-family: 'VnCenturySchoolbook';
  src: url('./assets/fonts/VnCenturySchoolbook.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'UTMAlpineKT';
  src: url('./assets/fonts/UTMAlpineKT.woff2') format('woff2');
}
@font-face {
  font-family: 'bui_doi';
  src: url('./assets/fonts/UVN-Bui-Doi.woff2') format('woff2');
}


body {
  margin: 0 !important;
  overflow-x: hidden;
    user-select: none;

}

.app {
  width: 100%;
box-sizing: border-box;

  background-color: #fdfaf5;
  padding: 0 25%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /*  */
}

:root {
  --font-size-title: 1.2rem;
  --font-size-base: 1rem;
  --font-size-slogan: 1.875rem;
    user-select: none;
 

}

.Container {
  display: flex;
  flex-direction: column;
  align-items: center;

  width: 95%;
  padding: 32px 0;
  box-sizing: border-box;

}

.app::-webkit-scrollbar {
  width: 4px;
  height: 6px;
}

.app::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}

.app::-webkit-scrollbar-track {
  background: transparent;
}

.Container_Bar {
  margin-top: 10px;

  display: flex;
  align-items: center;

  position: sticky;
  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
  top: 0;
  z-index: 1000;

  width: 100%;
  height: 40px;
  background-color: #f8edda;
  border-radius: 7px;

  font-size: var(--font-size-base);
  padding: 0 10px;
  box-sizing: border-box;

  user-select: none;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
}

.Container_Bar_Icon {
  font-size: 30px;
  color: #000;
  margin-top: 10px;
}

.Container_Bar_Icon:hover {
  cursor: pointer;
}

/* .Container_Content {
  display: flex;
  
} */

.Container_Bar_Menu {

  display: none;
}

.Container_Bar_Menu.active {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  top: 25px;
  left: -10px;
  z-index: 100;


  width: 15%;
  /* height: fit-content;s */
  background-color: #1d9b71;
  border-radius: 7px;
  padding: 10px;
  box-sizing: border-box;
}


.Comingsoon {
  display: flex;
  justify-content: center;
  align-items: center;

}

.Comingsoon_Title {
  display: flex;
  align-items: center;

  justify-content: center;
    text-align: center !important;

  font-size: 140px !important;
  text-indent: 0em !important;
}



@media (max-width: 450px) {
  html,body
  {
    overflow-x: hidden !important;
  }
  :root {
    --font-size-title: 1rem;
    --font-size-base: 0.7rem;
    --font-size-slogan: 1rem;
      user-select: none;
  }
  
  .app {
    width: 100vw;
    height: fit-content;
    box-sizing: border-box;
    margin: 0 !important;
    background-color: #fdfaf5;
  }

.Comingsoon {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.Comingsoon_Title {
  display: flex;
  align-items: center;

  justify-content: center;
    text-align: center !important;

  font-size: 70px !important;
  text-indent: 0em !important;
}
}