*{text-decoration:none;list-style:none}body{margin:0}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;color:#fff}ol,ul{margin:0;padding:0;list-style:none}a{text-decoration:none}img{display:block;max-width:100%;height:auto}button{border:none;background:none;color:#fff}button:hover{cursor:pointer}body{background-color:#000}.buttonOpn{display:block;margin:200px auto 100px}#student-info-form{display:flex;flex-direction:column;align-items:center;margin:0 auto}#student-info-form>h2{font-family:Roboto;margin-bottom:20px}.input{width:300px;height:20px;margin-bottom:20px;background:none;border:1px solid grey;color:#fff}.input::placeholder{color:#fff}.input:active{background:none}#student-info-form>button{font-size:1.3rem}#students-list{width:800px;display:flex;flex-direction:column;align-items:center;margin:0 auto;font-family:Roboto}.item{margin-bottom:20px;color:#fff}.student-item{width:600px;height:auto;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:30px;padding:5px;border:2px solid #565656;border-radius:4px}.student-title{margin:0 auto 30px}.student-text{display:flex;justify-content:space-between;margin-bottom:20px}.student-actions{display:flex;justify-content:center;gap:20px}.student-actions>button{color:#fff;background:none;border:none;margin-right:20px}.student-actions>button:nth-child(2){margin-right:0}.student-actions>button:hover{cursor:pointer}#edit-student-form{width:auto;height:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center}#edit-student-form>h2{font-family:Roboto}.form-text{display:flex;flex-direction:column;align-items:center;margin:200px 0 20px}.form-text>h2{font-family:Roboto;margin-bottom:20px}.form-text>input{width:300px;height:20px;margin-bottom:20px;background:none;border:1px solid grey;color:#fff}.form-text>input:active{background:none;border:none}.form-buttons{display:flex;justify-content:center;margin-bottom:100px}.form-buttons>button{font-size:1.3rem;color:#fff;background:none;border:none}.backdrop,.backdrop-1,.backdrop-edit{position:fixed;top:0;left:0;width:100%;height:100%}.is-hidden{display:none}.modal-1{width:500px;height:300px;position:absolute;top:50%;left:50%;display:flex;flex-direction:column;text-align:center;transform:translate(-50%,-50%);border-radius:2%;background:#565656;padding:50px}.modal{width:500px;height:150px;position:absolute;top:50%;left:50%;display:flex;flex-direction:column;text-align:center;transform:translate(-50%,-50%);border-radius:2%;background:#565656;padding:50px}.modal-title{font-family:Roboto;margin-bottom:50px}.confirm-button{font-size:1.2rem;margin-right:50px}.delete-button{font-size:1.2rem}#hidden-form{display:none}