#app{font-family:Comic Sans MS,cursive,sans-serif;text-align:center}nav{display:flex;justify-content:space-around;align-items:center;background-color:#111;width:100%;padding:20px;border-bottom:1px solid purple}.header,nav{color:purple}.header{font-size:2.4rem;font-family:cursive;font-weight:light;letter-spacing:4px}*{margin:0;padding:0;box-sizing:border-box}body{background:#333;max-width:100%}html{font-size:62.5%}.section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;max-width:100%;padding:2rem;margin:0 auto;background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.9)),url(/img/bg.c36b26fb.gif);font-family:Arial,sans-serif}.color{color:purple}h1{font-size:5rem;margin:0;font-weight:700}h1,p{color:#999}.submit-button,p{font-size:1.6rem}.submit-button{width:10rem;padding:1rem;outline:none;border:none;border-radius:5px;background:purple;color:#fff;font-weight:700;text-decoration:none;margin-top:2rem;cursor:pointer}.submit-button:hover{background-color:#fff;color:purple}.counter__App[data-v-5c580282]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;max-width:100%;background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.9)),url(/img/bg.c36b26fb.gif);font-family:Arial,sans-serif}h1[data-v-5c580282]{font-size:5rem;margin:0;color:#fff}.buttons[data-v-5c580282]{display:flex;flex-wrap:wrap;margin-top:2rem;width:400px;justify-content:center;align-items:center}.button[data-v-5c580282]{width:30%;height:50px;font-size:1.4rem;padding:1.2rem 2.4rem;border:none;border-radius:.5rem;cursor:pointer;margin:1rem;transition:background-color .3s ease-in-out}.increment__btn[data-v-5c580282]{background-color:purple;color:#fff}.increment__btn[data-v-5c580282]:hover{background-color:#8b008b}.decrement__btn[data-v-5c580282]{background-color:purple;color:#fff}.decrement__btn[data-v-5c580282]:hover{background-color:#8b008b}.reset__btn[data-v-5c580282]{background-color:#333;color:#fff;border:1px solid purple}.reset__btn[data-v-5c580282]:hover{background-color:#444}.input-wrapper[data-v-5c580282]{margin-top:2rem}input[type=number][data-v-5c580282]{font-size:1.6rem;padding:1.4rem;border:none;border-radius:.5rem;background-color:#fff;box-shadow:0 0 .5rem rgba(0,0,0,.2);transition:box-shadow .3s ease-in-out;width:25rem;height:50px}input[type=number][data-v-5c580282]:focus{outline:none;box-shadow:0 0 1rem rgba(108,92,231,.5)}input[type=submit][data-v-5c580282]{width:10rem;border:none;height:50px;border-radius:.5rem;outline:none;background:purple;color:#fff;padding:1.4rem;font-size:1.6rem;margin:2rem;font-weight:bolder}input[type=submit][data-v-5c580282]:hover{transition:all .4s;color:#fff;background-color:#8b008b}