style.css

/* nejsme vcerejsi, pouzivame moderni a intuitivni box model */
html { box-sizing: border-box; }
*, ::after, ::before { box-sizing: inherit; }

/*
BARVY:
šedá na pozadí stránky:		 #b2bec3
červená na hlavní nadpis:  #d63031

tlačítko Twitter:					 #1da1f2
tlačítko Twitter aktivní:	 #0b7bc1

tlačítko Facebook:				 #3b5998
tlačítko Facebook aktivní: #2b406e
*/
body {
  background-color: #b2bec3;
}

.box {
  position: relative;
  width: 550px;
  background-color: white;
  padding: 30px;
  margin: 150px auto;
  border-radius: 10px;
  box-shadow: 5px 5px 10px #272b2e;
}

.foto {
  position: absolute;
  right: -75px;
  top: -75px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 3px solid white;
}

h1 {
  color: #d63031;
  font-size: 36px;
  font-style: bold;
  margin: 0 0 20px 0
  
}

.twitter {
  display: block;
  background-color: #1da1f2;
  text-align: center;
  font-size: 18px;
  font-style: bold;
  padding: 10px;
  margin-bottom: 5px;
  border-radius: 5px;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}

.facebook {
  display: block;
  background-color: #3b5998;
  text-align: center;
  font-size: 18px;
  font-style: bold;
  padding: 10px;
  border-radius: 5px;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}
.twitter a:hover {
  background-color: #0b7bc1;
}

.facebook a:hover {
  background-color: #2b406e;
}