@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.body{background-color:#1f2029;background-image:url(/static/media/BackGround_2.f6af432eb97b35142ce2.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#ececee;font-family:Montserrat,sans-serif;font-size:15px;font-weight:300;height:100vh;line-height:1.7;overflow:hidden}[type=checkbox]:checked,[type=checkbox]:not(:checked){left:-9999px;position:absolute}.menu-icon:checked+label,.menu-icon:not(:checked)+label{cursor:pointer;display:block;height:30px;margin:0;padding:0;position:fixed;right:75px;top:63px;width:30px;z-index:10}.menu-icon:checked+label:before,.menu-icon:not(:checked)+label:before{border-bottom:2px solid #ececee;border-top:2px solid #ececee;content:"";display:block;height:20px;left:0;position:absolute;top:0;transition:border-width .1s ease 1.5s,top .1s cubic-bezier(.23,1,.32,1) 1.6s,height .1s cubic-bezier(.23,1,.32,1) 1.6s,background-color .2s ease,transform .2s cubic-bezier(.23,1,.32,1);width:30px;z-index:20}.menu-icon:checked+label:after,.menu-icon:not(:checked)+label:after{background-color:#ececee;content:"";display:block;height:2px;margin-top:-1px;position:absolute;right:4px;top:10px;transition:width .1s ease 1.75s,right .1s ease 1.75s,margin-top .1s ease,transform .2s cubic-bezier(.23,1,.32,1);width:22px;z-index:20}.menu-icon:checked+label:before{background-color:#ececee;border-width:0;height:2px;top:10px;transform:rotate(45deg);transition:border-width .1s ease .34s,top .1s cubic-bezier(.23,1,.32,1) .3s,height .1s cubic-bezier(.23,1,.32,1) .3s,background-color .2s ease .5s,transform .2s cubic-bezier(.23,1,.32,1) 1.7s}.menu-icon:not(:checked)~.nav ul li{opacity:0;pointer-events:none;transform:translateY(30px);transition:all .25s linear;visibility:hidden}.menu-icon:checked+label:after{margin-top:0;right:0;transform:rotate(-45deg);transition:width .1s ease,right .1s ease,margin-top .1s ease .5s,transform .2s cubic-bezier(.23,1,.32,1) 1.7s;width:30px}.nav{animation:border-transform 7s linear infinite;background-color:#353746;box-shadow:0 8px 30px 0 #0000004d;display:block;height:80px;margin:0;overflow:hidden;padding:0;position:fixed;right:50px;top:33px;transition:top .35s cubic-bezier(.23,1,.32,1) 1.1s,right .35s cubic-bezier(.23,1,.32,1) 1.1s,transform .25s ease 1.1s,width .65s cubic-bezier(.23,1,.32,1) .4s,height .65s cubic-bezier(.23,1,.32,1) .4s;width:80px;z-index:9}@keyframes border-transform{0%,to{border-radius:63% 37% 54% 46%/55% 48% 52% 45%}14%{border-radius:40% 60% 54% 46%/49% 60% 40% 51%}28%{border-radius:54% 46% 38% 62%/49% 70% 30% 51%}42%{border-radius:61% 39% 55% 45%/61% 38% 62% 39%}56%{border-radius:61% 39% 67% 33%/70% 50% 50% 30%}70%{border-radius:50% 50% 34% 66%/56% 68% 32% 44%}84%{border-radius:46% 54% 50% 50%/35% 61% 39% 65%}}.menu-icon:checked~.nav{animation-play-state:paused;height:200%;right:50%;top:50%;transform:translate(50%,-50%);transition:top .35s cubic-bezier(.23,1,.32,1) .7s,right .35s cubic-bezier(.23,1,.32,1) .7s,transform .25s ease .7s,width .75s cubic-bezier(.23,1,.32,1) 1s,height .75s cubic-bezier(.23,1,.32,1) 1s;width:200%}.nav ul{left:0;margin:0;position:absolute;top:50%;transform:translateY(-50%);z-index:6}.nav ul,.nav ul li{display:block;list-style:none;padding:0;text-align:center;width:100%}.nav ul li{margin:10px 0;opacity:0;pointer-events:none;position:relative;transform:translateY(30px);transition:all .25s linear;visibility:hidden}.nav ul li:first-child{transition-delay:.2s}.nav ul li:nth-child(2){transition-delay:.15s}.nav ul li:nth-child(3){transition-delay:.1s}.nav ul li:nth-child(4){transition-delay:50ms}.nav ul li a{color:#ececee;display:inline-block;font-family:Montserrat,sans-serif;font-size:9vh;font-weight:800;line-height:1.2;position:relative;text-transform:uppercase;transition:all .25s linear}.nav ul li a:hover{color:#ffeba7;text-decoration:none}.nav ul li a:after{background-color:#353746;content:"";display:block;height:2vh;left:0;margin-top:-1vh;opacity:.8;position:absolute;top:50%;transition:width .25s linear;width:0}.nav ul li a:hover:after{width:100%}.menu-icon:checked~.nav ul li{opacity:1;pointer-events:auto;transform:translateY(0);transition:opacity .35s ease,transform .25s ease;visibility:visible}.menu-icon:checked~.nav ul li:first-child{transition-delay:1.4s}.menu-icon:checked~.nav ul li:nth-child(2){transition-delay:1.48s}.menu-icon:checked~.nav ul li:nth-child(3){transition-delay:1.56s}.menu-icon:checked~.nav ul li:nth-child(4){transition-delay:1.64s}.logo{color:#ffeba7;display:block;font-size:17px;left:50px;position:absolute;text-decoration:none;top:28px;transition:all .25s linear;z-index:11}.logo h2{display:block;height:26px;width:auto}.logo h2 span{font-size:40px;font-weight:700}@media screen and (max-width:991px){.menu-icon:checked+label,.menu-icon:not(:checked)+label{right:55px}.logo{left:30px}.nav{right:30px}h1{-webkit-text-stroke:2px #0000;text-stroke:2px #0000;-webkit-text-fill-color:#ffeba7;text-fill-color:#ffeba7;color:#ffeba7;font-size:9vw}.nav ul li a{font-size:8vh}}@media screen and (max-width:1200px){.body{font-size:3vw}.section-center .h1{font-size:9vw}.nav ul li a{font-size:7vw}}@media screen and (max-width:991px){.menu-icon:checked+label,.menu-icon:not(:checked)+label{right:55px}.logo{left:30px}.nav{right:30px}.h1{-webkit-text-stroke:2px #0000;text-stroke:2px #0000;-webkit-text-fill-color:#ffeba7;text-fill-color:#ffeba7;color:#ffeba7;font-size:9vw}.nav ul li a{font-size:8vw}}@media screen and (max-width:768px){.body{font-size:4vw}.section-center .h1{font-size:11vw}.nav ul li a{font-size:8vw}}@media screen and (max-width:480px){.body{font-size:5vw}.section-center .h1{font-size:13vw}.nav ul li a{font-size:10vw}}@media screen and (max-width:320px){.body{font-size:6vw}.section-center .h1{font-size:15vw}.nav ul li a{font-size:12vw}}.body_SC{align-items:center;background-color:#282c34;display:flex;height:100vh;justify-content:center;margin:0}.calculator{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:10px;box-sizing:border-box;max-width:100%;width:400px}.calculator,.display{background:#0000;padding:20px}.display{border-radius:5px;box-shadow:inset 0 4px 6px #00000040;color:#f0f0f0;font-size:2em;font-weight:600;margin-bottom:20px;text-align:right}.buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}button{background:#1f2023;border:none;border-radius:5px;box-shadow:0 4px 6px #00000040;color:#fff;font-size:1.5em;padding:15px;transition:all .2s}button:hover{background:#fff;color:#000;transform:translateY(-2px)}button:active{background:#4c4c8c;box-shadow:0 2px 4px #00000040;transform:translateY(0)}.equal{background:#c84335;grid-column:span 2}.equal:hover{background:#ff6f61}.equal:active{background:#c0392b}.zero{grid-column:span 1}@media screen and (max-width:600px){.calculator{padding:15px;width:90%}.display{font-size:1.5em;padding:15px}button{font-size:1.2em;padding:10px}}@media screen and (max-width:400px){.calculator{padding:10px;width:100%}.display{font-size:1.2em;padding:10px}button{font-size:1em;padding:8px}}.body_BMI{align-items:center;background-color:#282c34;display:flex;height:100vh;justify-content:center;margin:0}.bmi-calculator{background:#20232a;border-radius:5px;box-shadow:0 0 10px #0000001a;margin:50px auto;padding:20px;text-align:center;width:70vh}.bmi-calculator h1{margin-bottom:20px}.input-group label{display:block;font-weight:700;margin-bottom:5px}.input-group input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;padding:8px;width:100%}.button_bmi{background:#1f2023;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.button_bmi:hover{background-color:#ffeba7;color:#282c34}.result{margin-top:20px}.result h2{margin:10px 0}.result p{font-size:18px;font-weight:700}.body_DC{align-items:center;background:#282c34;color:#fff;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0}.converter{background:#20232a;border-radius:10px;box-shadow:0 0 20px 5px #00000080;padding:20px;text-align:center}.h1{margin-bottom:20px}.input-box,.output-box{margin:20px 0}.label_DC{color:#ffeba7;display:block;font-size:18px;margin-bottom:10px}.input{border:none;box-sizing:border-box;font-size:18px;width:100%}.input,.output{border-radius:5px;padding:10px}.output{background:#333;box-shadow:0 5px 15px #0003;margin-top:10px;transition:transform .3s}.output p{font-size:16px;margin:0}.select{background-color:#444;border:none;border-radius:5px;box-sizing:border-box;color:#fff;font-size:18px;margin-top:10px;padding:10px;width:100%}.select:focus{box-shadow:0 0 5px #61dafb;outline:none}@media screen and (max-width:768px){.converter{max-width:90%;padding:15px}.h1{font-size:1.5rem}.input,.select{font-size:16px;padding:8px}.output p{font-size:14px}}@media screen and (max-width:480px){.converter{max-width:100%;padding:10px}.h1{font-size:1.2rem}.input,.select{font-size:14px;padding:6px}.output p{font-size:12px}}.section-center{display:block;left:0;margin:0;padding:0;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:100%;z-index:6}.section-center .h1{-webkit-text-stroke:2px #ffeba7;text-stroke:2px #ffeba7;-webkit-text-fill-color:#0000;text-fill-color:#0000;color:#ffeba7;color:#0000;font-family:Montserrat,sans-serif;font-size:7vw;font-weight:800;line-height:1;text-align:center;transition:color .5s ease-in-out,-webkit-text-fill-color .5s ease-in-out}.section-center .h1:hover{-webkit-text-fill-color:#ffeba7;text-fill-color:#ffeba7;color:#ffeba7}.datewizard-container{align-items:center;background-color:#282c34;display:flex;height:100vh;justify-content:center}.datewizard-box{display:flex;gap:20px}.box{animation:scaleIn .5s ease-in-out;background:#20232a;border-radius:15px;box-shadow:0 10px 30px #00000080;flex:1 1;padding:30px}.input-group{margin-bottom:20px}label{color:#ffeba7;display:block;font-size:1.2em;margin-bottom:5px}input{border-radius:5px;box-shadow:0 4px 10px #0003;padding:10px}.btn,input{border:none;width:100%}.btn{background:#1f2023;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:1.2em;margin-top:10px;padding:15px;transition:background-color .3s ease-in-out}.btn:hover{background-color:#ffeba7}@keyframes scaleIn{0%{transform:scale(.9)}to{transform:scale(1)}}@media (max-width:768px){.datewizard-box{flex-direction:column}.box{padding:20px}}@media (max-width:480px){label{font-size:1em}.btn{font-size:.9em;padding:10px}}
/*# sourceMappingURL=main.12d4cf24.css.map*/