:root{--primary:31,194,80;--secondary:4,135,15;font-size:100%}*{margin:0;padding:0;box-sizing:border-box;font-family:'Roboto',sans-serif;font-weight:700;font-size:1rem}body{min-height:100vh;display:flex;flex-direction:column}header{display:flex;align-items:center}.logo{width:4rem;height:4rem;margin:0 1.5rem}h1{font-family:Arial,sans-serif;font-size:1.75rem;padding:1.5rem 0;text-align:center;margin:auto}main{margin:auto}.profile-upload{padding:1rem 1.5rem 2rem;display:flex;flex-direction:column;align-items:center;border-radius:5px;border-radius:15px;background:#e7e7e7;box-shadow:20px 20px 60px #c4c4c4,-20px -20px 60px #fff}.profile-label{margin:1rem 0;padding:.5rem 1rem;font-size:1.25rem}.profile-overlay{position:relative;border-radius:100%;height:5rem;overflow:hidden;width:5rem;display:flex;flex:0 0 5rem;justify-content:center}.profile-image{width:5rem;height:5rem;object-fit:contain;cursor:pointer}.overlay-text{background-color:rgba(var(--secondary),0.7);color:#fafafa;font-weight:700;font-size:1rem;display:flex;justify-content:center;align-items:center;opacity:0;position:absolute;right:0;top:0;bottom:0;left:0;transition:opacity .25s;z-index:1}.overlay-text:hover{opacity:1;cursor:pointer}.profile-input{display:none}.button{cursor:pointer;border-radius:5px;padding:.8rem 2rem;border:none;background-color:rgba(var(--primary));color:#fafafa;margin:2rem 0;font-size:1rem}.button:hover{background-color:rgba(var(--secondary))}.hidden{display:none}