@charset "utf-8";
// BASIC LAYOUT
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/*
body {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
  width: 100vw;
  height: 100vh;
  font-family: 'Open Sans';
  background: #8e9eab;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  
}
*/


/* Version 2 */
div[data-title] {
  position: relative;
  text-decoration: underline dotted; 
}

div[data-title]:hover::after,
div[data-title]:focus::after {
  content: attr(data-title) '\A' attr(data-title2) '\A' attr(data-title3);
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(10%);
  width: auto;
  white-space: pre-wrap;
  background: #ff0060;
  color: #fff;
  border-radius: 2px;
  box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.4);
  font-size: 16px;
  font-weight: 600;
  padding: 6px 10px;
}