Created the Home page component styling

This commit is contained in:
Mathias Wagner 2022-09-12 21:12:30 +02:00
parent 5fe02e0fd0
commit 634b5244db

View File

@ -0,0 +1,49 @@
@import "@/common/styles/colors"
.home-content
margin-top: 10%
margin-left: 20%
display: flow
align-content: flex-start
flex-wrap: nowrap
flex-direction: column
.home-content h3
margin: 0
font-size: 46pt
color: $white
max-width: 40rem
.service-images
margin-top: 25px
.bot-img
margin-right: 30px
width: 70px
border-radius: 50px
.bot-kratos
filter: drop-shadow(0px 0px 15px #78909C)
.bot-garry
filter: drop-shadow(0px 0px 15px #a18bec)
.bot-tim
filter: drop-shadow(0px 0px 15px #EBAC4A)
.bot-polly
filter: drop-shadow(0px 0px 15px #2195f1)
.socials
position: absolute
bottom: 0
left: -20px
z-index: 10
width: 20rem
.social-links
position: absolute
bottom: 50px
left: 20px
z-index: 20