2020-05-28 09:16:04 +02:00
|
|
|
.intro
|
|
|
|
transform: translateY(22vh)
|
|
|
|
|
|
|
|
|
|
|
|
.intro > h1
|
|
|
|
color: #212121
|
2020-05-30 10:04:25 +02:00
|
|
|
font-size: 8vh
|
|
|
|
@media (min-width: 768px)
|
|
|
|
font-size: 12vh
|
2020-05-28 09:16:04 +02:00
|
|
|
|
|
|
|
|
|
|
|
.intro > h2
|
|
|
|
color: #757575
|
|
|
|
font-size: 3vmin
|
|
|
|
|
|
|
|
|
|
|
|
.intro > .profile
|
|
|
|
width: 10vh
|
|
|
|
height: 10vh
|
|
|
|
border-radius: 50%
|
|
|
|
|
|
|
|
.avatar-container
|
|
|
|
width: 100px
|
|
|
|
margin-left: 45px
|
2020-05-30 10:04:25 +02:00
|
|
|
margin-top: 1rem
|
2020-05-28 09:16:04 +02:00
|
|
|
|
|
|
|
.avatar-img-border
|
|
|
|
width: 100%
|
|
|
|
border-radius: 50%
|
|
|
|
margin-left: -50%
|
|
|
|
display: inline-block
|
|
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, .8)
|
|
|
|
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .8)
|
|
|
|
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8)
|
|
|
|
|
|
|
|
.avatar-img
|
|
|
|
width: 100%
|
|
|
|
border-radius: 50%
|
|
|
|
display: block
|
|
|
|
|
|
|
|
.intro
|
|
|
|
margin-top: -150px
|
|
|
|
@media (min-width: 768px)
|
2020-05-29 17:39:33 +02:00
|
|
|
margin-top: -100px
|