*{box-sizing:border-box}body{background:#ffffff;margin:0;padding:0}html{scroll-behavior:smooth}h1{color:black;font-size:25px;padding:20px;margin:20px;border:2px dotted black;border-radius:5px;background:skyblue;text-shadow:2px 2px yellow;text-align:center}h2{color:blue;font-size:22px;margin:10px;margin-left:20px;text-align:center}.tool-container-styles{display:flex;flex-wrap:wrap;gap:10px;padding:0;padding-left:20px;padding-right:20px}.tool-container{margin:0 auto;width:100%;color:#fff;text-align:center;border-radius:10px;display:flex;justify-content:center;align-items:center;background:skyblue;height:10rem;transition:all 0.4s ease;padding:20px}.tool-container:hover{background:#ddd}.tool-container-link{padding:0;margin:0 auto;width:40%}.tool-container-link a{color:#000;margin:0;font-weight:700;padding:0;border:none;border-radius:10px;text-decoration:none;text-shadow:1px 1px #ff0;transition:all 0.4s ease}.tool-container-align{display:flex;flex-direction:column}.tool-container h2{color:black;font-size:22px;text-align:center}.tool-container p{color:black;font-size:15px;text-align:center;text-shadow:none}@media (min-width:768px){.tool-container-link{flex:1 1 calc(35% - 10px)}}@media (max-width:640px){.tool-container-link{flex:1 1 calc(80% - 10px)}}.external-link{background:#aaa;padding:20px}.external-links{display:flex;flex-wrap:wrap;gap:10px}.a-styles{display:flex;background:#dfdadf;border-radius:8px;justify-content:center;align-items:center;padding:15px;height:5rem;width:100%;overflow:auto}.a-styles a{background:#ddd;text-decoration:none;padding:10px}.a-styles a:hover{background:#ccc;border-radius:5px;text-decoration:underline}@media (max-width:768px){.a-styles{flex:1 1 calc(90% - 10px)}}@media (min-width:768px){.a-styles{flex:1 1 calc(30% - 10px)}}.menu-container{position:relative;color:#000;background-color:blue;padding:10px;display:flex;justify-content:space-between;align-items:center}.hamburger-icon{font-size:30px;cursor:pointer;color:#fff;display:none}.menu{display:flex;justify-content:space-around;margin:auto}.menu a{text-decoration:none;color:#fff;font-weight:700;padding:10px 15px;transition:0.3s ease}.menu a:hover{background-color:#3f3fff;border-radius:5px}@media screen and (max-width:768px){.hamburger-icon{display:block}.menu{display:none;flex-direction:column;position:absolute;padding:10px;top:68px;left:0;width:50%;background-color:#333;text-align:left;z-index:100;border-bottom-right-radius:6px;box-shadow:0 5px 10px #000}.menu.active{display:flex}.menu a{display:block;padding:12px}.menu a:hover{background:#000}}.about{padding:40px 20px;margin:0 auto;text-align:center;background:#777}.about h2{margin-bottom:15px;text-align:center;font-size:30px;color:#000}header{background:#ddd;color:#fff;padding:10px;margin:0;text-align:center}header h3{color:green;font-size:25px;text-align:center;margin:10px;margin-top:10px;margin-bottom:10px;padding:10px 10px 10px 10px}footer{background:#ccc;padding:20px;margin:0}footer p{color:#222;font-size:16px;text-align:center}.quiz-styles{background:#ddd;color:black;padding:10px}.quiz-container{background:none;height:auto;margin:0 auto}.quiz-links{background:none;padding:10px;margin:auto;display:flex;flex-direction:column}.quiz-links a{color:blue;font-size:20px;text-align:center;padding:10px;text-decoration:none;transition:all 0.4s ease}.quiz-links a:hover{background:#ccc;color:green;border-radius:5px;text-decoration:underline}@media (max-width:640px){.quiz-container{flex:1 1 calc(90% - 10px)}.quiz-links{width:100%}}@media (min-width:768px){.quiz-container{flex:1 1 calc(25% - 10px)}}