@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800');

/*-----
// Variables
$bg: url("https://i.pinimg.com/originals/70/07/18/7007180c6df58bb247ae8be97f292450.jpg") no-repeat center;
$font: 'Open Sans', sans-serif;
$white: #fff;
$black: #000;
$border: #1565C0;
$selection: #FDD835;

::selection {
   background: $selection;
   color: $black;
}
   

{
   margin: 0;
   padding: 0;
   font-family: 'Open Sans', sans-serif;
   text-decoration: none;
   list-style-type: none;
   outline: none;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   -o-box-sizing: border-box;
   box-sizing: border-box;
}*/

img {
   max-width: 100%;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none;
}

html, body {
   height: 100%;
}

/*body {
   background: $bg;
   background-size: cover;
}*/

.card {
   background: #ededed;
   text-align: center;
   margin: 30px auto;
   border-radius: 5px;
   border: 1px solid #ffffff;
   box-shadow: 1px 6px 10px 1px #979797;
   
   .header {
      position: relative;
      padding: 20px;
      .image {
         width: 200px;
         margin: 0 auto;
         img {
         border: 10px solid #ffffff;
         border-radius: 100%;
         }
      }
      .description {
         position: relative;
         h1 {
            font-weight: bold;
            font-size: 1.5em;
          /*  letter-spacing: 0.1em;*/
          margin-bottom: 5px;
         }
         p {
            color: #757575;
            /*line-height: 100%;*/
            margin-bottom: 5px;
         }
         .line {
            width: 100%;
            position: absolute;
            border: 1px solid #f74747;
            margin-top: 5px;
         }
      }
      .social-line {
         position: relative;
         top: 10px;
         a i.fa {
            font-size: 1.5em;
         }
      }
      .btn-twitter {
         margin-top: 10px;
      }
   }
}