styles.css

*{margin-left:0;}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;}body{background:#111;}body{color:#fff;}body{display:flex;}body{justify-content:center;}body{align-items:center;}*{margin-bottom:0;}body{height:100vh;}body{flex-direction:column;}body{overflow:hidden;}body{background-image:linear-gradient(45deg,#00bcd4,#e91e63);}body{background-size:400% 400%;}*{margin-right:0;}*{margin-top:0;}body{animation:gradient 8s ease infinite;}*{padding-left:0;}*{padding-bottom:0;}*{padding-right:0;}*{padding-top:0;}*{box-sizing:border-box;}@keyframes gradient{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}input:focus,button:focus{outline:none;}button:focus,input:focus{border-left-color:#e91e63;}[class~=container]{width:412.5pt;}input{width:100%;}input{padding-left:.75pc;}input:focus,button:focus{border-bottom-color:#e91e63;}[class~=container]{text-align:center;}[class~=container]{background-color:rgba(0,0,0,.7);}input{padding-bottom:.75pc;}[class~=password-card],[class~=container]{padding-left:1.25pc;}input{padding-right:.75pc;}input{padding-top:.75pc;}#loginSection form input,input{margin-left:0;}#loginSection h1{font-size:2.5rem;}input:focus,button:focus{border-right-color:#e91e63;}#loginSection form input,input{margin-bottom:7.5pt;}#loginSection form input,input{margin-right:0;}[class~=container]{padding-bottom:2.5pc;}#loginSection form input,input{margin-top:7.5pt;}button:focus,input:focus{border-top-color:#e91e63;}input:focus,button:focus{box-shadow:0 0 .104166667in #e91e63;}input{border-left-width:.010416667in;}input{border-bottom-width:.010416667in;}input{border-right-width:.010416667in;}input{border-top-width:.010416667in;}[class~=container],[class~=password-card]{padding-right:1.25pc;}[class~=container]{padding-top:2.5pc;}[class~=container]{border-radius:9pt;}input{border-left-style:solid;}input{border-bottom-style:solid;}#showPasswords:hover{background-color:#0097a7;}input{border-right-style:solid;}input{border-top-style:solid;}input{border-left-color:#fff;}[class~=container]{box-shadow:0 .041666667in 1.875pc rgba(0,0,0,.5);}input{border-bottom-color:#fff;}button:hover{background-color:#ff4081;}input{border-right-color:#fff;}input{border-top-color:#fff;}input{border-image:none;}button,input{border-radius:6px;}#loginSection h1{margin-bottom:30px;}button,[class~=password-card],input{background:rgba(255,255,255,.1);}[class~=password-card] h3{margin-bottom:.625pc;}input,button{color:#fff;}button,input{font-size:1rem;}button,input{transition:all .3s ease;}[class~=password-card]{padding-bottom:15pt;}button{width:100%;}#loginSection h1{color:#e91e63;}button{padding-left:.75pc;}button{padding-bottom:.75pc;}button{padding-right:.75pc;}#loginSection h1{text-shadow:0in 0px .625pc rgba(255,0,150,.7);}[class~=password-card] h3{font-size:1.2rem;}button{padding-top:.75pc;}#loginSection form button,button,[class~=password-card] p{margin-left:0;}#loginSection form button,button{margin-bottom:7.5pt;}[class~=password-card] p,#loginSection form button,button{margin-right:0;}[class~=password-card]{padding-top:15pt;}button,#loginSection form button{margin-top:7.5pt;}#passwordManager h2{font-size:2rem;}button{border-left-width:.010416667in;}#showPasswords{background-color:#00bcd4;}button{border-bottom-width:.010416667in;}button{border-right-width:.010416667in;}button{border-top-width:.010416667in;}button{border-left-style:solid;}button{border-bottom-style:solid;}button{border-right-style:solid;}#passwordManager h2{color:#fff;}button{border-top-style:solid;}button{border-left-color:#fff;}button{border-bottom-color:#fff;}button{border-right-color:#fff;}[class~=password-card]{margin-bottom:.9375pc;}[class~=password-card]{border-radius:.083333333in;}button{border-top-color:#fff;}[class~=password-card]{box-shadow:0 0 .15625in rgba(0,0,0,.3);}[class~=password-card]{transition:background-color .3s ease;}button{border-image:none;}#passwordManager h2{margin-bottom:1.25pc;}#showPasswords{margin-top:7.5pt;}[class~=password-card] p{margin-bottom:.052083333in;}button{background-color:#e91e63;}[class~=password-card] p{margin-top:.052083333in;}#passwordListSection{margin-top:22.5pt;}button{cursor:pointer;}[class~=password-card]:hover{background-color:rgba(255,255,255,.2);}button{font-weight:bold;}button{text-transform:uppercase;}@keyframes gradient{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}@media screen and (max-width: 768px){[class~=container]{width:80%;}}