@font-face {
font-family: 'Raleway-SemiBold';
src: url('../_fonts/Raleway/Raleway-SemiBold.ttf') format('truetype');
}

@font-face {
font-family: 'Raleway-Light';
src: url('../_fonts/Raleway/Raleway-Light.ttf') format('truetype');
}

@font-face {
font-family: 'Raleway-Bold';
src: url('../_fonts/Raleway/Raleway-Bold.ttf') format('truetype');
}

@font-face {
font-family: 'Raleway-Regular';
src: url('../_fonts/Raleway/Raleway-Regular.ttf') format('truetype');
}

@font-face {
font-family: 'Raleway-Medium';
src: url('../_fonts/Raleway/Raleway-Medium.ttf') format('truetype');
}

.raleway-semibold{
  font-family: Raleway-SemiBold;
}

.raleway-light{
  font-family: Raleway-Light;
}

.raleway-bold{
  font-family: Raleway-Bold;
}

.raleway-regular{
  font-family: Raleway-Regular;
}

.raleway-medium{
  font-family: Raleway-Medium;
}

body {
  background: radial-gradient(circle at 15.3% -20.32%, #3F5EFB, transparent 60%),radial-gradient(circle at 84.06% 17.15%, #FC466B, transparent 80%),radial-gradient(circle at 0% 66.79%, #FFFFFF, transparent 30%),radial-gradient(circle at 50% 50%, #FC466B, #3F5EFB 80%);
  background-size: 120% 120%;
  width: 100dvw;
  margin:0;
  padding:0;
  color:#ffffff;
  font-family: Raleway-SemiBold;
  font-size: 0.8em;
  width: 100dvw;
  animation: size 30s infinite linear;
}

@keyframes size {
  0%   { background-size: 120% 120%; }
  20%  { background-size: 240% 120%; }
  40%  { background-size: 120% 160%; }
  60%  { background-size: 180% 180%; }
  80%  { background-size: 110% 200%; }
  100% { background-size: 120% 120%; }
}



#structure{
  height: 98dvh;
}

#top{
  height: 10%;
}

#content{
  height:85%;
  overflow: scroll;
  overflow-x: hidden;
}

#bottom{
  height:5%;
}

body::-webkit-scrollbar {
  display: none;
}

.i_gradient{
  background: radial-gradient(circle at 15.3% -20.32%, #3F5EFB, transparent 10%),radial-gradient(circle at 84.06% 17.15%, #FC466B, transparent 57%),radial-gradient(circle at 16.34% 66.79%, #FFFFFF, transparent 30%),radial-gradient(circle at 50% 50%, #fc466b, #FFFFFF 100%);
}

.zero_8{
  font-size: 0.8em;
}

.one_em{
  font-size: 1em;
}

.one_em_15{
  font-size: 1.15em;
}

.one_em_3{
  font-size: 1.3em;
}

.one_em_4{
  font-size: 1.4em;
}

.dg{
  color:#FFFFFF;
}

.right{
  text-align: right;
}

.bl_2{
  filter: blur(0.5px);
}

a{
  color:#3f5efb;
}

a:hover{
  color: #fc466b;
  text-decoration: none;
  filter: drop-shadow(0px 0px 2px #3f5efb);
}

.m-0{
  margin:0;
}

.p-0{
  padding:0;
}

.p-2{
  padding:1dvh;
}

.p-1{
  padding:1%;
}

.red {
  color:#3f5efb;
}

.bg_white{
  background-color: rgba(255,255,255, 0.4);
}

.blue{
  color:#3F5EFB;
}

.pink{
  color:#fc466b;
}

.white{
  color:#FFFFFF;
}

.black {
  color:#000000;
}

.random{
  text-transform: uppercase;
}

._14{
  cursor: pointer;
}

._12{
  cursor: pointer;
}

.up_c{
  text-transform: uppercase;
}

.just{
  text-align: justify;
  text-justify: inter-word;
}

.bd_rd{
  padding:4px;
  border:1px solid white;
  border-radius: 100px;
}

.img_bw{
  filter:grayscale(1);
  width: 50%;
  height: 40vh;
  object-fit: cover;
}

.img_bw:hover{
  filter:grayscale(0);
}

.nav_el{
  font-size:1.2em;
}

.italic{
  font-style: italic;
}