@import url(https://fonts.googleapis.com/css?family=Rubik:wght@500,800&display=swap);body{margin:0;padding:none;box-sizing:border-box}.container{height:100vh;width:100%;background:linear-gradient(90deg,#0076be,#8bd9c7)}.container,.passbuff-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.passbuff-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:auto}.weak-container{background:linear-gradient(90deg,#d83e33,#f09663)}.med-container{background:linear-gradient(90deg,#ffa600,#ffd000)}.strong-container{background:linear-gradient(90deg,#03ee16,#33caa4)}.passbuff-title{font-size:13vh;font-style:bold;font-family:Rubik,sans-serif;background-image:linear-gradient(to left top,#202283,#0082ce);background-size:100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:0;-webkit-text-stroke:1px #080035}.weak-title{background-image:linear-gradient(90deg,#920123,#ff033e);-webkit-text-stroke:1px #350000}.med-title{background-image:linear-gradient(90deg,#c97800,#ffce2d);-webkit-text-stroke:1px #584100}.strong-title{background-image:linear-gradient(90deg,#008f3b,#3eff7e);-webkit-text-stroke:1px #043500}.title-message{display:flex;flex-direction:column;justify-content:center;align-items:center;height:20vh;margin:2%}.score{margin:1%;transform:.35s ease-in-out}.emoticon,.score{font-size:3vh}.emoticon,.passbuff-subtitle,.score{font-family:Rubik,sans-serif;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.passbuff-subtitle{font-size:5vh}.hint-button{font-size:3vh;font-family:Rubik,sans-serif;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#00a6ff;margin-bottom:.5%;padding-left:2vh;padding-right:2vh;border:none;border-radius:10vh;cursor:pointer}.hint-button:hover{background:#165cbc}.input-container{width:100vw;height:30vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(90deg,#003cbe,#339aca)}.weak-input{background:linear-gradient(90deg,#88070d,#ff2732)}.med-input{background:linear-gradient(90deg,#dd6503,#ffb84d)}.strong-input{background:linear-gradient(90deg,#008b23,#45ff2c)}.show-hide-button{display:flex;justify-content:center;align-items:center;font-size:2vh;font-family:Rubik,sans-serif;color:#fff;cursor:pointer;border:none;background:none;margin-top:1%}.show-hide-button:hover{color:#bffaff}.input-bar{margin-top:2%}.input-bar,.input-button{flex-direction:row}.button,.input-bar,.input-button{display:flex;justify-content:center;align-items:center}.button{height:11vh;width:13vw;font-size:3vh;font-weight:500;font-family:Rubik,sans-serif;color:#fff;cursor:pointer;border:none;border-radius:10vh;background-color:#1dd4a7;padding:3vh;padding-left:7vh;padding-right:7vh;z-index:2;-webkit-user-select:none;-moz-user-select:none;user-select:none}.left{margin-right:-14%}.right{margin-left:-14%}.button:hover{background-color:#005e46}.password-input{text-align:center;border:none;height:7vh;width:130vh;border-radius:10vh;font-size:5vh;font-family:Rubik,sans-serif;padding:3vh;padding-left:7vh;padding-right:7vh}.bottom-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(90deg,#0062be,#64cee9)}.weak-bottom{background:linear-gradient(90deg,#9e1e15,#ee7d3c)}.med-bottom{background:linear-gradient(90deg,#cf7602,#e4b415)}.strong-bottom{background:linear-gradient(90deg,#0bbb1a,#1dd4a7)}.icon{margin-left:10%}.reroll-button{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:3%;padding-left:3vh;padding-right:3vh;font-family:Rubik,sans-serif;font-size:3vh;border:none;border-radius:2vh;color:#fff;background-color:#3064d6;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.reroll-button:hover{background-color:#042979}.buff-box{flex-direction:row}.buff,.buff-box{display:flex;justify-content:center;align-items:center}.buff{color:#fff;flex-direction:column;padding:1vh;margin-left:5vh;margin-right:5vh;width:25vw;border-radius:3vh;background-color:#28cc2d;box-shadow:inset 0 0 18px 0 rgba(208,255,208,.75);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:.2s ease-out}.buff-name{font-weight:700}.buff-name,.buff-string{font-family:Rubik,sans-serif;font-size:3vh}.buff-amount{font-family:Rubik,sans-serif;font-size:4vh}.buff:hover{transform:scale(1.2)}.buff:active{background-color:#007745;box-shadow:inset 0 0 18px 0 rgba(0,44,0,.75)}.bounce{-webkit-animation:bounce-in .5s;animation:bounce-in .5s}@-webkit-keyframes bounce-in{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes bounce-in{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.restart-button{display:flex;justify-content:center;align-items:center;height:10vh;padding:5vh;font-size:5vh;font-family:Rubik,sans-serif;color:#fff;cursor:pointer;border:none;border-radius:2vh;background:#0091ca;-webkit-user-select:none;-moz-user-select:none;user-select:none}.restart-button:hover{background:#032775}