47 lines
961 B
Sass
47 lines
961 B
Sass
.intro
|
|
padding-top: 3rem !important
|
|
|
|
h2
|
|
font-size: 4vh
|
|
|
|
.intro h1
|
|
margin-left: 8%
|
|
text-shadow: #bbbbbb 0 4px 5px
|
|
font-size: 5vh
|
|
@media (min-width: 560px)
|
|
font-size: 8vh
|
|
@media (min-width: 768px)
|
|
font-size: 9vh
|
|
@media (min-width: 1200px)
|
|
font-size: 10vh
|
|
@media (min-width: 1600px)
|
|
font-size: 12vh
|
|
|
|
.avatar-container
|
|
width: 50px
|
|
margin-left: 25px
|
|
margin-top: 1rem
|
|
@media (min-width: 560px)
|
|
width: 66px
|
|
margin-left: 45px
|
|
@media (min-width: 768px)
|
|
width: 75px
|
|
@media (min-width: 1200px)
|
|
width: 80px
|
|
@media (min-width: 1600px)
|
|
width: 100px
|
|
|
|
.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
|