* {
font-family: "Josefin Sans", sans-serif;
font-weight: 300;

--Green-1: #6fd8b2;
--Green-2: #48b88c;
--Green-3: #0d814e;
--Green-4: #3b646b;
--Green-5: #173a42;
}

label {
float: left;
}

body {
padding: 30px;
width: 100%;
height: 100%;
}

#rightside {
background-color: white;
color: var(--Green-3);
padding: 20px;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
}

#leftside {
background-color: white;
color: var(--Green-5);
padding: 20px;
/*border-bottom-left-radius: 10px;*/
border-radius: 20px;
width: 50%;
margin-left:25% ;
margin-right:20% ;
box-shadow: 0px 10px 20px 0px rgb(44, 42, 42,0.4);
border: solid 1px beige;
}

#leftside input::placeholder {
color: var(--Green-5);
}
#leftside input{
    padding: 20px;
}
#leftside input,
#leftside input:focus,
#leftside select,
#leftside select:focus {
background: transparent;
border: 1px solid var(--Green-5);
border-width: 0px 0px 1px 0px;
outline: none;
border-radius: 0px;
font-weight: 900;
color: var(--Green-5);
}

#leftside input:focus,
#leftside select:focus {
border: 1px solid var(--Green-5);
border-width: 0px 0px 1px 0px;
box-shadow: none;
color: var(--Green-5);
}



.row {
padding: 5px;
}

.container {
padding: 0px;
width: 100%;
/*
    border: solid 1px black;
    background-color:white;
    border-radius: 25px;
   */
}

#leftside h3 {
text-align: center;

}

#leftside i {
color: white;
background-color: black;
}

#leftside select {
width: 100%;
box-shadow: none;
}

body {

width: 100%;
height: 100%;
background-color: white;
/*background-image: linear-gradient(to  right,var(--Green-1) ,var(--Green-2))*/
}

img {
width: 50px;
height: 50px;
float: right;
padding: 0px;
}
a{
    color: var(--Green-2);
}
button{
    float: right;
    width: 50%;
    margin-right: 24%;
    margin-top: 5%;
}
#forgot{
   padding: 10px;
   text-align: center;
}