@charset "utf-8";
/* CSS Document */

* {
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}
@font-face {
	src: url("../font/motra.ttf");
	font-family: motra;
}
html {scroll-behavior: smooth;}
.upper , h2 { font-family: motra !important; }
.navbar-brand {color: white;}
.f-600 {font-weight: 600 !important;}
#menu { cursor: pointer; }

/*  side navigation bar CSS code */
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 99;
  top: 0;
  right: 0;
  background-color: white;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 1.5rem;
  /*font-weight: 600;*/
  font-variant: small-caps;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: black;
  text-decoration: none;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  left: 0px;
  font-size: 2rem;

}