style_signin.css

.login-form{
    position: absolute;
    width: 231px;
    top: 243px;
    height: 58px;
}

.int-area{width: 400px; position:relative;}
.int-area input{
    width: 85%;
    padding: 20px 10px 10px;
    background-color: #FCFCFC;
    border:3px solid #EE8E48;
    font-size: 18px; color:black;
    border-radius: 10px;
}

.int-area label {
    position: absolute; left: 10px; top: 15px;
    transition: top .5s ease;
}

.int-area input:focus + label,
.int-area input:valid + label {
    top:0;
    font-size: 13px;
}

.btn-area{margin-top: 30px;}
.btn-area button{
    width: 155%; height: 50px;
    background: #EE8E48;
    font-size: 20px;
    color:white;
    border: none;
    border-radius: 10px;
}

body{
    margin: 35px;
    height: 844px;
    background: linear-gradient(180deg, #FFC480 0%, #FCFCFC 89.06%, rgba(233, 254, 236, 0) 99.96%, rgba(255, 255, 255, 0.0885417) 99.97%);
    position: relative;
    width: 390px;
}

img{ position: absolute; width: 400px; height: 525px;top: 281px;left: -20px;}

h1{
    width: 159px;
    height: 78px;
    left: 105px;
    top: 114px;
    position: absolute;

    font-style: normal;
    font-size: 28px;
    line-height: 38px;
    font-weight: 400;
    text-align: center;
    color:black;
    justify-content: center;
}

* {
    font-family: 'Song Myung', serif;
}