@import url(//fonts.googleapis.com/css?family=Lato:300:400);
.header {
position:relative;
text-align:center;
background: linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%);
color:white;
}
.inner-header {
height:20vh;
width:100%;
margin: 0;
padding: 0;
background-image:url(“https://marutiprakashan.com/wp-content/uploads/2024/12/Maruti.png”);
background-repeat: no-repeat;
}
.flex { /*Flexbox for containers*/
display: flex;
justify-content: center;
align-items: left;
text-align: center;
margin-left: 20px;
}
.waves {
position:relative;
width: 100%;
height:15vh;
margin-bottom:-7px; /*Fix for safari gap*/
min-height:100px;
max-height:150px;
}
/* Animation */
.parallax > use {
animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}
.parallax > use:nth-child(1) {
animation-delay: -2s;
animation-duration: 7s;
}
.parallax > use:nth-child(2) {
animation-delay: -3s;
animation-duration: 10s;
}
.parallax > use:nth-child(3) {
animation-delay: -4s;
animation-duration: 13s;
}
.parallax > use:nth-child(4) {
animation-delay: -5s;
animation-duration: 20s;
}
@keyframes move-forever {
0% {
transform: translate3d(-90px,0,0);
}
100% {
transform: translate3d(85px,0,0);
}
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
.waves {
height:40px;
min-height:40px;
}
.content {
height:30vh;
}
h1 {
font-size:24px;
}
}
b{ font-family: Arial, Helvetica, sans-serif;
}
.div1 {
width: 50px;
height: 4px;
padding: 12px;
border: 1px solid #aaaaaa;
display: inline-block;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}
.div2 {
width: 70px;
height: 4px;
padding: 12px;
border: 1px solid #aaaaaa;
display: inline-block;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}
.div3 {
width: 130px;
height: 4px;
padding: 12px;
border: 1px solid #aaaaaa;
display: inline-block;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}
h1 {
font-size: 2rem;
text-transform: sentence;
}
h3 {
font-size: 2rem;
text-transform: sentence;
text-shadow: 2px 2px 1px green;
}
.img {
font-size: 70px;
font-family: Helvetica, Arial, sans-serif;
}
body {
font-weight: bold;
}
b{ font-family: Arial, Helvetica, sans-serif;
}
.button1 {
border-radius: 20px;
border: 2px solid #73AD21;
background:white;
padding: 10px;
font-weight: bold;
}
.button {
display: inline-block;
padding: 15px 25px;
font-size: 24px;
cursor: pointer;
text-align: center;
text-decoration: none;
outline: none;
color: #fff;
background-color: darkblue;
border: none;
border-radius: 15px;
box-shadow: 0 9px #999;
}
.button:hover {background-color: black}
.button:active {
background-color: #3e8e41;
box-shadow: 0 5px #666;
transform: translateY(4px);
}
th, td {
padding: 15px;
font-size: 20px;
text-align: left;
}
table {
padding: 5px;
margin: 10px;
border: 8px solid green;
border-radius: 20px;
background-color: lightgrey;
}
input[type=’radio’]{
display:inline-block;
width:25px;
height:15px;
margin:1px 0px 0 -30px;
cursor:pointer;
border-radius: 40%;
}
hr{
height: 2px;
background-color: Violet;
border: none;
}