*{ 
    margin: 0;
    padding: 0;
}

/* background */
body{
    background:  #E1E1E1; 
}

/* Box -01 */
#rec-01{
    width: 800px;
    height: 500px;
    position: absolute;
    background: white;
    border-radius: 34px;
    margin: 90px 0px 0px 215px;
    box-shadow: 0px 0px 51px 5px rgba(0, 0, 0, 0.25);
}

/* first title*/
#title-01{
    color: #0DCA7A;
    font-weight: bold;
    font-style: normal;
    font-size: 34.9076px;
    margin: 90px 0px 0px 100px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/* liner object */
.target{
    width: 60px;
    height: 0px;
    position: absolute;
    margin: 8px 0px 0px 100px;
    border: 2px solid rgb(13, 202, 122);
    border-radius: 10px;
}
/* title - 04 */
#title-04{
    position: absolute;
    margin: 85px 0px 0px 183px;
    font-style: normal;
    font-weight: normal;
    font-size: 13.6225px;
    line-height: 16px;
    letter-spacing: 0.02em;
    color: #696565;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/* box network social*/
#img{
    background: url(./img/icons.png);
    background-position: center; 
    background-repeat: no-repeat; 
    width: 170px; 
    height: 60px; 
    cursor: pointer; 
    margin: 20px 0px 0px 170px;
}

/* Email and Password*/
form{
    display: flex;
    flex-direction: column;
    margin: -81px 0px 0px 0px;
}

/* Email*/
#Email{
    width: 292px;
    height: 28px;
    margin: 119px 0px 0px 103px;
    border: 1px solid rgb(109, 104, 104, 0.61);
    box-sizing: border-box;
    border-radius: 4px;
}

/* Password*/
#Password{
    width: 292px;
    height: 28px;
    margin: 18px 0px 0px 103px;
    border: 1px solid rgb(109, 104, 104, 0.61);
    box-sizing: border-box;
    border-radius: 4px;
}

/* Checkbox remember*/
#click{
    width: 16px;
    height: 16px;
    margin: 21px 0px 0px 102px;
    border: 0.8px solid rgba(109, 104, 104, 0.61);
    border-radius: 2.4px;
    cursor: pointer;
}

/* Remember */
#title-05{
    margin: -20px 0px 0px 121px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 11.6339px;
    letter-spacing: 0.02em;
    color: rgb(109, 104, 104);
    cursor: pointer;
}

/* Forgot password*/
a{
    text-decoration: none;
    color: rgb(109, 104, 104);
}

/* Forgot password*/
#title-06{
    margin: -16px 0px 0px 304px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 11.6339px;
    letter-spacing: 0.02em;
    color: rgb(109, 104, 104);
    cursor: pointer;
}

/* center - button */
#button{
    width: 148px;
    height: 42px;
    color: white;
    border-style: none;
    border-radius: 19px;
    background: #0DCA7A;
    margin: 24px 0px 0px 163px;
    font-weight: bold;
    font-style: normal;
    font-size: 19.0001px;
    letter-spacing: 0.02em;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/* Box -02*/
#rec-02{
    width: 300px;
    height: 500px;
    position: absolute;
    border-radius: 34px;
    background: #0DCA7A;
    margin: 90px 0px 0px 715px;
}
/* first title - box 2*/
#title-07{
    width: 300px;
    position: absolute;
    margin: 90px 0px 0px 38px;
    font-style: normal;
    font-weight: bold;
    font-size: 36.6104px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    line-height: 43px;
    letter-spacing: 0.02em;
    color: white;
}

/* Second - title box -02*/
#title-08{ 
    width: 258px;
    position: absolute;
    margin: -308px 0px 0px 25px;
    font-style: normal;
    font-weight: bold;
    font-size: 18.7309px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    letter-spacing: 0.02em;
    color: white;
}