@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*{margin: 0px; padding: 0px; box-sizing: border-box;}
body{background: #fff;  font-family: "Roboto", sans-serif;font-size: 18px; }
.container{max-width: 968px; margin: auto;}
img{max-width: 100%; height: auto;}
.logo img{max-width: 100px; height: auto;}
.btn{max-width: 75%; margin: auto; margin-top: 2rem; margin-bottom: 2rem;   }
header{ margin-bottom: 1rem; background: rgba(0,123,191,1);  padding:.2rem; position: sticky; top: 0px;}
p{margin-top: 10px;line-height: 20px; color: #121212; font-weight: 400; }
.btn a{display: block; text-align: center; margin-bottom: 1rem; margin-top: 1rem; padding: 1rem; border: 2px solid #21252980; border-radius: 8px; text-decoration: none; color: #000; background: #fff;
    box-shadow: .1rem .1rem rgba(0, 0, 0, .175); animation: float 3s ease-in-out infinite;}
.btn a:hover{background:#dc3545 ; color: #fff; transition: .5s;}
footer{ margin-top: 3rem; font-size: 12px; border-top: 1px solid #a6a6a6; padding: 2rem;}
.footer-cont{max-width: 980px; margin: auto;}
h1{font-size: 45px; font-weight: 700; text-align: center;  margin-bottom: 1rem;}
.box{display: flex; justify-content: space-between; column-gap: 1rem;}
.box img{max-width: 100%;}
p{ line-height: 25px; color: rgb(47, 47, 47);margin-bottom: 1rem; margin-top: 1rem;}
h3{color: #ff0000; margin-bottom: 1rem;}
.you-will{font-size: 14px; margin: auto; margin-bottom: 2rem; margin-top: 2rem; max-width: 700px; }
a{color: #4332ff;}
.text-center{text-align: center;}
@media only screen and (max-width: 600px) {
    p{margin: 1rem; }
    h1{margin: .5rem;font-size: 1.5rem;}

	.box {
		display: block;
	}
	.box img{
		margin-bottom: 15px;
	}


  }



@keyframes float {
	0% {
	
		transform: translatex(0px);
	}
	50% {
        background: #f3e5e7;
		transform: translatex(-2px);
	}
	100% {
        
		transform: translatex(0px);
	}
}