(Created page with "<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://fonts.googleapis.com/css?family=Raleway:700" rel="stylesheet"> <link hr...") |
|||
Line 275: | Line 275: | ||
top: 15vh; | top: 15vh; | ||
} | } | ||
+ | .teamNames{ | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .personName{ | ||
+ | font-size: 50px; | ||
+ | font-family: 'Vollkorn', serif; | ||
+ | |||
+ | } | ||
+ | |||
+ | .personCodename{ | ||
+ | position: relative; | ||
+ | font-size: 30; | ||
+ | font-style: bold; | ||
+ | font-family: 'Wallpoet', cursive; | ||
+ | } | ||
+ | |||
+ | .personPicture{ | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | margin: -30px 30px 10px 40px; | ||
+ | border-radius: 100%; | ||
+ | border: 4px solid #0A1215; | ||
+ | width: 180px; | ||
+ | height: 180px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .personDescription{ | ||
+ | position: relative; | ||
+ | margin: 30px 80px -10px 300px; | ||
+ | font-size: 22px; | ||
+ | text-align: center; | ||
+ | |||
+ | } | ||
@media screen and (max-width: 1000px) { | @media screen and (max-width: 1000px) { | ||
Line 351: | Line 387: | ||
left: 25vw; | left: 25vw; | ||
top: 100px; | top: 100px; | ||
+ | } | ||
+ | |||
+ | .teamNames{ | ||
+ | top: 16px; | ||
+ | |||
+ | } | ||
+ | .personName{ | ||
+ | font-size: 42px; | ||
+ | font-size: 9.5vw; | ||
+ | } | ||
+ | .personCodename{ | ||
+ | font-size: 52px; | ||
+ | font-size: 7.5vw; | ||
+ | } | ||
+ | |||
+ | .personPicture{ | ||
+ | margin-top: 30px; | ||
+ | float: none; | ||
+ | height: auto; | ||
+ | width: 50%; | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | border-radius: 100%; | ||
+ | border: 4px solid #0A1215; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .personDescription{ | ||
+ | position: relative; | ||
+ | margin: 30px 16px 0px 16px; | ||
+ | font-size: 18px; | ||
+ | font-size: 5vw; | ||
} | } | ||
} | } | ||
Line 481: | Line 552: | ||
<!-- CUSTOM CONTENT HOLDER --> | <!-- CUSTOM CONTENT HOLDER --> | ||
− | <div class="contentHolder | + | <div class="contentHolder"> |
<!-- NAME/CODENAME --> | <!-- NAME/CODENAME --> | ||
<div class="teamNames"> | <div class="teamNames"> |
Revision as of 00:48, 17 October 2018
Bsc Molecular Biology - 4th year
Hobbies
Photography, Stressing about everything
The Harry Potter character I most identify with
Severus Snape
Life motto
Sarcasm - because killing people is illegal.
How I see myself in 10 years
Living in my lab together with 11 dogs