*{box-sizing:border-box}body,html{padding:0;margin:0}body{min-height:100vh;overflow:hidden;font-size:16px;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#fff}nav{width:100%;height:50px;padding:0 20%;background-color:#f5f5f5;flex-direction:row;justify-content:space-between;align-items:center}.app,nav{display:flex}.app{flex:1;flex-direction:row;justify-content:flex-start}.section{flex:1 0 0;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.section>p{font-size:2.5rem;font-weight:700}.section>p:hover{padding:20px;cursor:pointer}.copied{border-radius:30px;width:100px;height:30px;box-shadow:0 0 30px 0 rgba(0,0,0,.1);display:flex;flex-direction:row;justify-content:center;align-items:center;font-weight:700;opacity:0;position:absolute;left:50%;transform:translate(-50%,50vh);background-color:#000;color:#fff;transition:opacity .5s ease-in,transform .5s ease-in}.copied.animate{opacity:1;transform:translate(-50%,40vh);transition:opacity .5s ease-out,transform .5s ease-out}