@import url('https://fonts.googleapis.com/css2?family=PT+Sans&display=swap');
.home-h{
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #f76c6c;
color: transparent;
margin-top: 80px;
font-size: 90px;
}
.home-txt{
font-size: x-large;
color: #24305e;
}
.home-txt1{
font-size: larger;
color: #24305e;
}
.home-img1{
margin-top: -80px;
margin-left: 20px;
z-index: -1;
}
.home-blob1{
position: absolute;
width: 700px;
z-index: -1;
opacity: 0.3;
}
.home-blob2{
position: absolute;
width: 200px;
z-index: -1;
opacity: 0.5;
}
.home-blob3{
width: 120px;
margin-left: 1200px;
opacity: 0.5;
}
@media screen and (max-width: 767px){
.home-blob1, .home-blob2, .home-blob3{
display: none;
}
.home-img1{
height: 300px;
margin: auto;
}
.home-h{
margin-top: 100px;
font-size: 50px;
}
}
body{margin-top:20px;}
.line-steps {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 100px;
}
.head-text{
text-align:center;
font-family: 'PT Sans', sans-serif;
}
.line-steps .line-step {
align-items: center;
display: flex;
flex-direction: column;
position: relative;
margin: 1rem
}
@media (min-width:768px) {
.line-steps .line-step:not(:last-child):after {
content: "";
display: block;
border-top: .25rem dotted #24305e;
width: 3.46rem;
position: absolute;
left: 7.5rem;
top: .3125rem
}
.line-steps .line-step:not(:first-child):before {
content: "";
display: block;
border-top: .25rem dotted #24305e;
width: 3.8125rem;
position: absolute;
right: 7.5rem;
top: .3125rem
}
}
.line-steps .line-content {
width: 10rem;
text-align: center
}
.line-steps .line-content .inner-circle {
border-radius: 1.5rem;
height: 1rem;
width: 1rem;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #24305e
}
.line-steps .line-content .inner-circle:before {
content: "";
background-color: #f58a85;
display: inline-block;
height: 3rem;
width: 3rem;
min-width: 3rem;
border-radius: 6.25rem;
opacity: .5
}
.line-div{
display: block;
justify-content: center;
margin: auto;
}
Home Stylesheet
Combine with React Home Component
0 Comments
Add Comment
Log in to add a comment