PersonalWebsite/css/about.css
2020-03-20 18:08:15 +01:00

98 lines
1.7 KiB
CSS

/*!
* about.css - https://heili.eu
* Licensed under the MIT license - http://opensource.org/licenses/MIT
* E-mail: lukas.heiligenbrunner@gmail.com
* Copyright (c) 2020 Lukas Heiligenbrunner
*/
#section2 {
background-color: #ffc107;
}
#aboutmeText {
width: 100%;
}
.aboutcontainer {
width: 40%;
float: left;
}
.aboutPicContainer {
width: 60%;
height: 300px;
float: left;
}
#aboutPic {
float: right;
margin-top: 10%;
box-shadow: rgba(2, 12, 27, 0.7) 0px 10px 30px -15px;
transition: box-shadow 500ms;
height: 100%;
}
.aboutcontainer a {
text-decoration: none;
}
#downloadcvbtn {
margin-top: 15%;
width: 300px;
padding: 10px;
background-color: #ba9320;
color: black;
border-radius: 5mm;
font-size: larger;
border-width: 1mm;
border-color: #7f6721;
border-style: solid;
transition: background-color 500ms;
}
#downloadcvbtn:hover {
/*background-color: #facf4d;*/
color: white;
background-color: #7f6721;
transition: all 500ms;
}
/* screen larger than 600px -- desktop */
@media screen and (min-width: 1201px) {
#aboutPic:hover {
box-shadow: rgba(2, 12, 27, 0.7) 0px 10px 30px 0px;
transition: all 500ms;
}
}
/* special design for Screen smaller than 600px -- mobile */
@media screen and (max-width: 1200px) {
/* About Me*/
#aboutmeText {
width: 100%;
}
.aboutcontainer {
width: 100%;
}
.aboutPicContainer {
width: 100%;
height: 150px;
}
#section2 {
height: 130%;
min-height: 860px;
}
#aboutPic {
float: initial;
margin-left: auto;
margin-right: auto;
/* todo nof loating right in middle */
}
}