Untitled

*{
    box-sizing: border-box;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}
img {
    height: 100%;
    width: 100%;
}
.main {
    display: flex;
}
 
.signup {
    position: relative;
    top: 100px;
    left: 60px;
}
 
h1 {
    font-weight: 400;
    margin: 0px;
}
 
.right {
    display: flex;
    flex-direction: column;
    width: 30%;
}
 
p {
    margin-top: 0px;
    margin-bottom: 4px;
    color: grey;
}
 
.napis {
    position: relative;
    top: 125px;
    left: 60px;
}
 
label {
    color: grey;
}
 
.email, .haslo {
    position: relative;
    left: 60px;
    top: 190px;
}
 
#email {
    position: relative;
    left: 60px;
    top: 200px;
    width: 400px;
    height: 50px;
    border: none;
    background-color: rgb(247, 247, 247);
}
 
.haslo {
    position: relative;
    top: 220px;
}
 
#password {
    position: relative;
    left: 60px;
    top: 230px;
    height: 50px;
    width: 400px;
    border: none;
    background-color: rgb(247, 247, 247);
}
 
#checkbox {
    position: relative;
    left: -155px;
    top: 263px;
}
 
.agree {
    position: relative;
    left: 85px;
    top: 241px;
}
 
button {
    position: relative;
    top: 265px;
    left: 60px;
    width: 400px;
    height: 50px;
    text-align: center;
    background-color: rgb(70, 178, 255);
    color: white;
    border: none;
}
 
.member {
    position: relative;
    top: 350px;
    left: 60px;
}
 
a {
    position: relative;
    top: 325px;
    left: 205px;
    color:  rgb(70, 178, 255);
    text-decoration: none;
}