*{padding:0%;margin:0%}body{background-color:#1b1f1a}.container{color:#fff;padding:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40vw;height:150px;background-color:#242b2386;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:10px 10px #0000003a}h1{margin-bottom:20px}.password-div{width:80%;display:flex;flex-direction:row;height:50%}.password-div input{width:80%;border-top-left-radius:30px;border-bottom-left-radius:30px;padding-left:30px;border:none;cursor:copy;font-size:19px}.password-div button{background-color:#0bc90b;font-size:18px;font-weight:600;width:20%;border-top-right-radius:30px;border-bottom-right-radius:30px;border:none;padding-bottom:10px;border-bottom:5px solid rgba(0,0,0,.637);cursor:pointer;transition:all .2s linear}.password-div button:active{padding-top:10px;border-bottom:5px solid rgba(0,0,0,0)}.password-div button:active{border-bottom:none}.dependencies{margin-top:10px}.dependencies input{margin-left:20px;margin-right:5px;cursor:pointer}.copied-message{position:absolute;top:51.3%;left:50%;transform:translate(-50%,-50%);width:200px;height:50px;background-color:#0bc90b;box-shadow:5px 5px #47474686;border-radius:30px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:19px;transition:all .3s;color:#000}@media only screen and (max-width:1275px){.container{padding:10px;width:80vw;height:30vh;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:10px 10px #0000003a}h1{margin-bottom:20px}.password-div{width:56vw;display:flex;flex-direction:row;height:8vh}.password-div input{width:80%;border-top-left-radius:30px;border-bottom-left-radius:30px;padding-left:30px;border:none;cursor:copy;font-size:19px}.password-div button{background-color:#0bc90b;font-size:18px;font-weight:600;width:15vw;border-top-right-radius:30px;border-bottom-right-radius:30px;border:none;padding-bottom:10px;border-bottom:5px solid rgba(0,0,0,.637);cursor:pointer;transition:all .2s linear}}@media only screen and (max-width:600px){.container{position:absolute;top:45%;left:50%;padding:30px 10px 10px;width:80vw;height:28vh;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:10px 10px #0000003a}h1{margin-bottom:20px}.password-div{width:90%;display:flex;flex-direction:row;height:8vh}.password-div input{width:70%;height:50px;border-top-left-radius:30px;border-bottom-left-radius:30px;padding-left:30px;border:none;cursor:copy;font-size:15px}.password-div button{background-color:#0bc90b;font-size:18px;font-weight:600;width:30%;height:50px;border-top-right-radius:30px;border-bottom-right-radius:30px;border:none;padding-bottom:10px;border-bottom:5px solid rgba(0,0,0,.637);cursor:pointer;transition:all .2s linear}.dependencies{position:relative;top:-10%;margin-top:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.dependencies label{margin-top:10px}}