@import url('../dekuve-icons/style.css');

body {
    font-family: 'Roboto', sans-serif;
    font-size: 1.125rem;
    color: #252125;
    background-color: #eee;
    padding-top: 4rem;
}

.font-1 {
    font-size: 4rem;
}

.font-2 {
    font-size: 3rem;
}

.font-3 {
    font-size: 1.8rem;
}

.font-4 {
  font-size: 1.2rem;
}

a {
    text-decoration: none;
}
/* Общие навигации */
 
  .blur {
    background-color: rgba(250, 250, 250, 0.8);
	  -webkit-backdrop-filter: blur(20px);
	  backdrop-filter: blur(20px);
    padding-left: 2rem;
    padding-right: 2rem;
  }
  
  .navbar-brand img {
    height: 2.5rem;
    width: auto;
  }

  .navbar-social {
    display: flex;
    gap: 1rem;
  }
  

.neu-box {
    border-radius: 3rem;
    background: #eee;
    box-shadow:  0.313rem 0.313rem 0.625rem #cacaca,
             -0.313rem -0.313rem 0.625rem #ffffff;
}

.shadow-basic {
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
}

.video-container video {
    width: 100%;
    height: auto;
    display: flex;
    object-fit: fill;
}

.gmain {
  background-clip: text;
  background: #FC4778;
  background: linear-gradient(to right, #FC4778 25%, #0C75E6 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.release-top {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-image: linear-gradient(to top, 
  #c8ced6 0%, 
  #d4cac5 33%, 
  #736a86 66%, 
  #272a3b 100%); 
}

/*Animation*/
.scale-in-center{animation:scale-in-center 5s cubic-bezier(.25,.46,.45,.94) both}
@keyframes scale-in-center{0%{transform:scale(0);opacity:1}100%{transform:scale(1);opacity:1}}

.focus-in-expand {
  animation:focus-in-expand 5s cubic-bezier(.25,.46,.45,.94) both
}

@keyframes focus-in-expand{0%{letter-spacing:-.5em;filter:blur(12px);opacity:0}100%{filter:blur(0);opacity:1}}

/* Контент поверх видео */
.content {
  position: relative;
  z-index: 2; /* Контент поверх видео */
}

.login-image {
  width: 25rem;
  height: 25rem;
}

.login-container {
  position: relative;
  width: 100%;
  height: 1000px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f4f4f4;
  overflow: hidden;
  border-radius: none;
}

/* Видео на заднем плане */
.login-video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

.login-video-background video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}