*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--background-light:#f3f3f3;--background-dark:#fff;--shadow-color:rgba(0,0,0,.1);--font-primary:"Roboto",sans-serif;--font-secondary:"Playfair Display",serif;--button-size:70px;--button-color:#e6e6e6;--button-color-hover:#d6d6d6;--operation-button-color:#ff9800;--operation-button-color-hover:#e68a00;--primary-color:#f093fb;--secondary-color:#f5576c;--text-color-light:#fff;--text-color-dark:#333}body{background-image:linear-gradient(120deg,#f093fb,#f5576c);background-image:linear-gradient(120deg,var(--primary-color) 0,var(--secondary-color) 100%);display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-family:var(--font-primary);margin:0;min-height:100vh}p{color:#fff;font-size:1.2rem;line-height:1.6;max-width:800px;text-align:justify}.navbar{align-items:center;background-color:#333;display:flex;justify-content:space-between;padding:1rem;width:100%}.navbar-name{color:#fff;font-family:Playfair Display,serif;font-family:var(--font-secondary);font-size:2rem;margin:0 0 0 40px;text-align:center}.navbar-links{display:flex;list-style:none;margin:0;padding:0;text-align:center}.navbar-links li{margin-left:1rem}.navbar-links a{color:#fff;font-family:Roboto,sans-serif;font-family:var(--font-primary);text-decoration:none;transition:color .3s ease}.navbar-links a.active-link,.navbar-links a:hover{color:#f093fb;color:var(--primary-color)}.calculator{align-items:center;background-color:#fff;background-color:var(--background-dark);border-radius:20px;box-shadow:0 0 30px rgba(0,0,0,.1);display:flex;flex-direction:column;max-width:340px;padding:30px;width:90%}.calculator-display{align-items:center;background-color:#a29f9f;border-radius:10px;display:flex;justify-content:flex-end;margin-bottom:20px;padding:20px;width:100%}input[type=text]{background-color:initial;border:none;color:#fff;font-size:2rem;outline:none;text-align:right;width:100%}.calculator-row{display:flex;justify-content:space-between;margin-bottom:10px}.calculator-button{background-color:#e6e6e6;background-color:var(--button-color);border:none;border-radius:50%;color:#000;cursor:pointer;font-size:1.5rem;height:70px;height:var(--button-size);transition:background-color .3s,-webkit-transform .3s;transition:background-color .3s,transform .3s;transition:background-color .3s,transform .3s,-webkit-transform .3s;width:70px;width:var(--button-size)}.calculator-button-0{border-radius:40px;height:70px;width:130px}.calculator-button:hover{background-color:#d6d6d6;background-color:var(--button-color-hover);box-shadow:0 4px 8px rgba(0,0,0,.1);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.calculator-button:active{box-shadow:0 2px 4px rgba(0,0,0,.1);-webkit-transform:translateY(1px);transform:translateY(1px)}.calculator-button.operation{background-color:#ff9800;background-color:var(--operation-button-color);color:#000;transition:background-color .3s,-webkit-transform .3s;transition:background-color .3s,transform .3s;transition:background-color .3s,transform .3s,-webkit-transform .3s}.calculator-button.operation:hover{background-color:#e68a00;background-color:var(--operation-button-color-hover);box-shadow:0 4px 8px rgba(0,0,0,.1);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.calculator-button.operation:active{box-shadow:0 2px 4px rgba(0,0,0,.1);-webkit-transform:translateY(1px);transform:translateY(1px)}.quote-container{background-color:hsla(0,0%,100%,.8);border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:600px;padding:2rem;text-align:center;transition:box-shadow .3s,-webkit-transform .3s;transition:transform .3s,box-shadow .3s;transition:transform .3s,box-shadow .3s,-webkit-transform .3s}.quote-container:hover{box-shadow:0 8px 12px rgba(0,0,0,.15);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.quote-text{font-family:Playfair Display,serif;font-family:var(--font-secondary);font-size:1.5rem;font-style:italic;line-height:1.6;margin-bottom:1rem;max-width:400px}.quote-author,.quote-text{color:#333;color:var(--text-color-dark);text-align:center}.quote-author{font-family:Roboto,sans-serif;font-family:var(--font-primary);font-size:1.2rem;font-weight:700}.quote-loading{color:#777}.quote-error,.quote-loading{font-size:1.2rem;font-weight:700;text-align:center}.quote-error{color:#c00}.app{display:flex;flex-direction:column;flex-grow:1;width:100%}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.content{align-items:center;-webkit-animation:fadeIn 1s ease-in-out;animation:fadeIn 1s ease-in-out;display:flex;flex-direction:column;flex-grow:1;margin-top:2rem}.app main{flex:1 1}.calculator-page,.home,.quote-page{padding:3rem}h2{color:#fff;font-size:2.5rem;margin-bottom:1rem}.home h2{font-size:3rem;margin-bottom:3rem;text-align:center}ul{list-style-type:none;max-width:800px;padding:0}.home ul{margin:25px 0}.calculator-page{align-items:center;display:flex;justify-content:space-between}.calculator-page h2,.quote-page h2{margin-bottom:1rem}.calculator-page h2{align-self:flex-start;font-size:3rem;margin-right:12rem;text-align:left}.home-list{font-size:1.1rem;line-height:1.6;margin-bottom:1rem;padding-left:1.5rem;position:relative}.home-list,.home-list:before{color:#fff;color:var(--text-color-light);transition:color .3s ease-in-out}.home-list:before{content:"•";left:0;position:absolute}.home-list:hover,.home-list:hover:before{color:#333;color:var(--text-color-dark)}@media (max-width:480px){body{font-size:14px}.calculator,body{margin-left:auto;margin-right:auto}.calculator{width:275px}h1{font-size:1.5rem;margin-bottom:15px}.calculator-display{margin-bottom:15px;padding:15px;width:105%}input[type=text]{font-size:1.5rem}.calculator-row{margin-bottom:5px}:root{--button-size:60px}.calculator-button{height:55px;width:56px}.calculator-button-0{height:55px;width:110px}.calculator-page{flex-direction:column}.calculator-page h2{align-items:center;display:flex;font-size:2rem;justify-content:center;margin-bottom:2rem;margin-right:0;text-align:center}.navbar-name{margin-left:0}.quote-container{padding:1rem}}@media (min-width:481px) and (max-width:1000px){.calculator-page{align-items:center;flex-direction:column}.calculator-page h2{align-items:center;display:flex;font-size:3rem;justify-content:center;margin-bottom:2rem;margin-right:0;text-align:center}}
/*# sourceMappingURL=main.4f011921.css.map*/