@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400&display=swap";.Home{background-color:#18181b;height:100vh;text-align:center;align-items:center;min-height:100vh;padding:100px 0}.Home img{height:100px}.Container{background-color:#3f3d56;width:600px;height:auto;border-radius:5px;margin:auto;border:4px solid #3F3D56;padding:5px;background-clip:content-box}.Container h1{margin:10px;color:#f8fafc}.Container button{width:400px;height:35px;font-size:15px;margin:10px;border:none;font-weight:700;background-color:#16a34a;color:#f8fafc;padding:.5rem 0;border-radius:5px;cursor:pointer}@media screen and (max-width:800px){.Container{width:400px}.Container button{width:275px}.Home img{height:auto;width:300px}}@media screen and (max-width:600px){.Container{width:300px}.Container button{width:225px}}@media screen and (max-width:500px){.Container{width:300px}.Container button{width:225px}.Home img{height:auto;width:225px}}.CalculadoraIMC{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background-color:#18181b;font-family:Poppins,sans-serif}.CalculadoraIMC #container{display:flex;align-items:center;gap:3.5rem}.CalculadoraIMC #img img{width:32rem}.CalculadoraIMC #calculator{display:flex;flex-direction:column;gap:2rem;padding:2rem;color:#f8fafc;background-color:#262626;border-radius:8px}.CalculadoraIMC #form{display:flex;flex-direction:column;gap:2rem}.CalculadoraIMC #title{font-size:2.25rem;position:relative}.CalculadoraIMC #title:after{position:absolute;content:"";background-color:#16a34a;width:8rem;height:3px;bottom:0;left:0;border-radius:3px}.CalculadoraIMC .input-box label{font-size:1.1rem;color:#cbd5e1;font-weight:500}.CalculadoraIMC .input-field{display:flex;align-items:center;justify-content:space-between;background-color:#3f3f46;padding:.3rem;border-radius:3px;margin-top:3px}.CalculadoraIMC .input-field span,.CalculadoraIMC .input-field i{color:#cbd5e1;font-size:1.3rem;padding:.6rem 1rem}.CalculadoraIMC .input-field input{background-color:transparent;border:none;width:100%;font-size:1.3rem;color:#f8fafc;padding:0 .5rem}.CalculadoraIMC .input-field input::-webkit-outer-spin-button,.CalculadoraIMC .input-field input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.CalculadoraIMC .input-field input:focus{outline:none}.CalculadoraIMC #calculate{border:none;font-size:1.25rem;font-weight:700;background-color:#16a34a;color:#f8fafc;padding:.5rem 0;border-radius:3px;cursor:pointer}.CalculadoraIMC #result{display:flex;gap:2rem;align-items:center;border-top:1px solid #ffffff34;padding:.75rem 0}.CalculadoraIMC #bmi{display:flex;align-items:center;flex-direction:column;font-size:2.25rem}.CalculadoraIMC #bmi span:last-child{font-size:.875rem;color:#cbd5e1}.CalculadoraIMC #description{width:15.5rem}.CalculadoraIMC #more-info{border-top:1px solid #ffffff34;padding-top:1.5rem}.CalculadoraIMC #more-info a{color:#16a34a;display:flex;justify-content:center;align-items:center;gap:.6rem;font-size:.875rem;text-decoration:none;transform:color .5s}.CalculadoraIMC #more-info a:hover{color:#cbd5e1}@media screen and (max-width:1024px){.CalculadoraIMC #img{display:none}}@media screen and (max-width:500px){.CalculadoraIMC #container{width:100%;height:100%}.CalculadoraIMC #calculator{width:100%;height:100%;border-radius:0;justify-content:center}}.RelogioDigital{height:100vh;background:linear-gradient(139deg,#18181b 3%,#0e4121 50%,#16a34a 86%);display:flex;align-items:center;justify-content:center;font-family:Open Sans,sans-serif}.RelogioDigital .relogio{display:flex;align-items:center;justify-content:space-around;height:200px;width:550px;background:transparent;border-radius:3px;box-shadow:0 8px 10px #00000080}.RelogioDigital .relogio div{height:170px;width:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:#18181b;box-shadow:5px,5px,15px,#000000b3;border-radius:7px;letter-spacing:3px}.RelogioDigital .relogio span{font-weight:bolder;font-size:60px}.RelogioDigital .relogio span.tempo{font-size:10px}@media screen and (max-width:650px){.RelogioDigital .relogio{width:325px}.RelogioDigital .relogio div{height:140px;width:95px}.RelogioDigital .relogio span{font-size:40px}.RelogioDigital .relogio span.tempo{font-size:10px}}.Cronometro{font-family:Courier New,Courier,monospace;display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background:radial-gradient(circle,#18181b 3%,#0e4121 30%,#16a34a 86%)}.Cronometro #stopwatch{display:flex;flex-direction:column;background-color:#18181b;padding:2rem;border-radius:8px}.Cronometro #timer{background-color:#262626;height:250px;width:250px;border:3px solid #16a34a;margin-bottom:1.5rem;border-radius:100%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:30px;color:#fff;padding:4rem}.Cronometro #actions{display:flex;gap:.5rem}.Cronometro #actions button{display:flex;align-items:center;justify-content:center;width:100%;height:40px;padding:.6rem;font-size:1rem;border-radius:4px;border:none;color:#18181b;background-color:#e0e7ff;transition:background-color .2s ease-in;cursor:pointer}.Cronometro #actions button:hover{background-color:#c4b5fd}.Cronometro #marks-list{display:flex;flex-direction:column;gap:.7rem;color:#fff}.Cronometro #marks-list p:first-child{margin-top:1.5rem}.RegraDeTres{display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:Poppins,sans-serif;background:#18181b}.RegraDeTres .calculator{background-color:#262626;color:#f8fafc;box-shadow:10px 10px 10px #00000052;border-radius:8px;padding:20px;text-align:center}.RegraDeTres .input-container{margin:25px 0}.RegraDeTres .input-group{display:flex;align-items:center;justify-content:center}.RegraDeTres .input-group input{background-color:#3f3f46;color:#f8fafc;padding:8px;border:1px solid #16A34A;border-radius:4px;width:100px;font-size:16px;text-align:center}.RegraDeTres .input-group input:focus-visible{outline:transparent}.RegraDeTres .input-group span{background-color:#3f3f46a2;padding:0 15px}.RegraDeTres .input-group p{background-color:#16a34a;border-radius:4px;padding:10px;width:100px}.RegraDeTres .input-text{margin:15px 0}.RegraDeTres #calculate{background-color:#16a34a;border:none;color:#f8fafc;border-radius:4px;padding:10px;font-size:16px;font-weight:600;cursor:pointer;width:100%;transition:background-color .5s ease}*{margin:0;padding:0;box-sizing:border-box;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}