:root{--white: white;--background: #1C1C1C;--square-color: #1F2937;--btn: #10B981;--green: #4ADF86;--break: #2F3E53;--password: #273549;--grey: #D3D3D3;--result: #273549}h1{margin:0;padding-top:1.5em;color:var(--white)}body{margin:1.5em;background-color:var(--background);text-align:center;font-family:Montserrat,sans-serif}.wrapper{background-color:var(--square-color);min-height:95vh}span{color:var(--green)}.paragraph{color:var(--grey);margin:0}.wrapper-line{padding-top:2em;display:flex;justify-content:center;align-items:center;gap:2em}.wrapper-column{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:2em}button{background-color:var(--btn);color:var(--white)}#number,button{width:180px;box-sizing:border-box;flex:0 0 auto;border:none;border-radius:10px;height:2.5em;text-align:center;font-family:Montserrat,sans-serif}button:hover{cursor:pointer}hr{color:var(--break);margin-top:2rem}#result1,#result2{width:180px;height:2.5em;padding:0;box-sizing:border-box;background-color:var(--result);border-radius:10px;color:var(--green);display:flex;justify-content:center;align-items:center;cursor:pointer;font-family:Montserrat,sans-serif;-webkit-user-select:none;user-select:none;transition:transform .15s ease,background-color .15s ease}#result1:active,#result2:active{transform:scale(.97);background-color:#1f3a2e}.result-wrapper{padding-top:2em;display:flex;justify-content:space-around;align-items:center}#number:focus,button:focus,#result1:focus,#result2:focus{outline:2px solid var(--btn);outline-offset:3px}@media(max-width:800px){.wrapper-line,.result-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.25em}.wrapper{padding:1em}#number,button,#result1,#result2{width:min(320px,90vw);height:48px;box-sizing:border-box}#result1,#result2{display:flex;justify-content:center;align-items:center;padding:0}}