*{ margin:0; padding: 0; text-decoration: none; font-family: sans-serif; box-sizing: border-box; } body{ background-image:linear-gradient(120deg,rgb(0, 182, 167),rgb(0, 243, 211),white);/*karışık renk ekleme renkleri derece cinsinden karıştırarak basar*/ min-height: 100vh;/*yükseklik*/ } .panel{ width: 350px; background: white; height: 380px; padding: 80px 40px;/*sağdan soldan 40px yukarıdan aşağıdan 80 px padding*/ border-radius: 10px;/*köşleri ovalleştirme*/ position: absolute; left: 500px; top: 100px; } .panel2{ width: 350px; background: white; height: 500px; padding: 80px 40px;/*sağdan soldan 40px yukarıdan aşağıdan 80 px padding*/ border-radius: 10px;/*köşleri ovalleştirme*/ position: absolute; left: 500px; top: 100px; } .txtb{ /*alt çizgi ekleme*/ position: relative; margin: 30px 0; } .txtb input{ font-size: 15px; color:#333; border: none; width: 100%; outline: none; background: none; padding: 0 5px; height: 40px; border-bottom: 2px solid #adadad; } .logbtn{ display: block; width: 100%; height: 50px; border: none; background-image:linear-gradient(120deg,rgb(0, 182, 167),rgb(0, 243, 211),white); background-size: 200%; color: white; outline: none;/*köşelerini kapatmak siyah olmamsı için*/ cursor: pointer; border-radius:15px; } .logbtn:hover{ background:white; color:rgb(24, 185, 185); font-size: large; } .buldum{ position: absolute; right: 75px;; top: 5px; }