@import url('https://fonts.googleapis.com/css2?family=Lemonada&display=swap');

* {
	user-select: none;
}

body {
    background-color: #1A1D25;
    font-family: 'Lemonada', cursive;
    height: 200%;
    background-color: rgb(24, 24, 24);
}

html {
    scroll-behavior: smooth;
}

.container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90vh;
    color: white;
}

.title {
    font-size: 3.2vw;
    color: rgb(255, 255, 255);
    text-shadow: 1px 1px 13px   rgba(255, 255, 255, 0.808);
	transition: text-shadow 0.5s;
}

.title:hover {
	transition: text-shadow 0.5s;
	text-shadow: 1px 4px 15px   rgb(255, 255, 255);
}

.disc {
    display: flex;
    flex-direction: row;
    justify-content:space-evenly;
    font-size: 13px;
    font-weight: 500;
}

.bttn{
    text-decoration: none;
    color: rgb(255, 0, 0);
    text-shadow: 1px 0 10px  rgb(255, 0, 0);
    transition: text-shadow 0.2s;
}

.bttn:hover{
    transition: text-shadow 0.2s;
    text-shadow: 1px 0 10px   rgb(255, 255, 255);
    color: #fff;
}

.butn{
    text-decoration: none;
    color: rgb(255, 0, 0);
}

.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: rgb(29, 29, 29);
   font-size: 12px;
   text-align: end;
}

.text{
    color: white;
    transform: translateX(-10px);
}

.video-container{
  width: 100vw;
  height: 100vh;
}

 iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.brfshornycardbaby { 
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 1.8em;


    background-color: rgb(40, 40, 40) ;
    width: 10%;
    padding: 1.5px;
    border: 1px solid rgb(255, 0, 0) ;
  
}

::-webkit-scrollbar {
    color: rgba(0, 0, 0, 0);
}

@import url('https://fonts.googleapis.com/css?family=Raleway:400,700');

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

.container_LOGIN {
    position: absolute;
    top: 15%;
    left: 23%;
    /* border-radius: 50%; */
	/* display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh; */
}

.screen {		
	background: linear-gradient(90deg, #383838, #2b2b2b);		
	position: relative;	
	height: 600px;
	width: 360px;	
	box-shadow: 0px 0px 24px #ffffff;
}

.screen__content {
	z-index: 1;
	position: relative;	
	height: 100%;
    /* border-radius: 50; */
}

.screen__background {		
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	-webkit-clip-path: inset(0 0 0 0);
	clip-path: inset(0 0 0 0);	
}

.screen__background__shape {
	transform: rotate(45deg);
	position: absolute;
}

.screen__background__shape1 {
	height: 520px;
	width: 520px;
	background: #FFF;	
	top: -50px;
	right: 120px;	
	border-radius: 0 72px 0 0;
}

.screen__background__shape2 {
	height: 220px;
	width: 220px;
	background: #6C63AC;	
	top: -172px;
	right: 0;	
	border-radius: 32px;
}

.screen__background__shape3 {
	height: 540px;
	width: 190px;
	background: linear-gradient(270deg, #666666, #303030);
	top: -24px;
	right: 0;	
	border-radius: 32px;
}

.screen__background__shape4 {
	height: 400px;
	width: 200px;
	background: #ffffff;	
	top: 420px;
	right: 50px;	
	border-radius: 60px;
}