/*! * 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: #deebff; } #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) 0 10px 30px -15px; transition: box-shadow 500ms; height: 100%; } .aboutcontainer a { text-decoration: none; } #downloadcvbtn { margin-top: 15%; width: 300px; padding: 10px; background-color: #7a96c2; color: black; border-radius: 5mm; font-size: larger; border-width: 1mm; border-color: #194378; border-style: solid; transition: background-color 500ms; } #downloadcvbtn:hover { /*background-color: #facf4d;*/ color: white; background-color: #194378; transition: all 500ms; } /* screen larger than 600px -- desktop */ @media screen and (min-width: 1201px) { #aboutPic:hover { box-shadow: rgba(2, 12, 27, 0.7) 0 10px 30px 0; 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 */ } }