@charset "UTF-8";

#about_me_value {
  position:absolute;
  top:0;
  left:0;
  font-family:'Roboto',sans-serif;
  color:white;
  background-color:black;
  background-image:url(https://i.imgur.com/Qxzdd2P.png);
}

#profile_main_about_holder {
  position:absolute;
  top:0;
  left:0;
}

body {
  background-color:#ffffff;
  background-color:#9AC956;
  color:#666666;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:12px;
  background-image:url(https://i.imgur.com/Qxzdd2P.png);
}

@font-face {
  font-family:'Roboto';
  src:url(https://fonts.gstatic.com/s/roboto/v18/CWB0XYA8bzo0kSThX0UTuA.woff2) format("woff2");
}

@font-face {
  font-family:'Calligraffitti';
  src:url(https://fonts.gstatic.com/s/calligraffitti/v9/vLVN2Y-z65rVu1R7lWdvyKMATE9hNx1o-nwq2GP8bHQ.woff2) format("woff2");
}

* {
  font-family:'Roboto',sans-serif;
}

a {
  color:#CF000F;
  letter-spacing:1px;
  text-decoration:none;
  transition:.5s color;
}

a:hover {
  color:white;
  text-decoration:none;
  transition:.5s color;
}

.red {
  color:#CF000F;
}

.header-name {
  font-family:'Calligraffitti';
}

.top-container-wrapper {
  box-sizing:border-box;
  width:100%;
  padding:25px;
}

.top-container {
  border:5px dotted white;
  clear:both;
  background-color:black;
}

.top-container h1 {
  font-size:50px;
  margin-top:10px;
  margin-bottom:10px;
  text-align:center;
}

.top-container p {
  font-size:14px;
  letter-spacing:2px;
  line-height:35px;
  padding-left:25px;
  padding-right:25px;
  box-sizing:border-box;
  text-align:center;
}

.top-container .left-container {
  overflow:hidden;
  float:left;
  width:35%;
  height:100%;
}

.top-container .left-container img {
  height:110vh;
  margin-left:-35px;
}

.top-container .right-container {
  float:right;
  width:65%;
}

.container-wrapper {
  box-sizing:border-box;
  width:100%;
  padding:25px;
}

.container {
  border:5px dotted white;
  clear:both;
  background-color:black;
}

.container h1 {
  font-size:50px;
  margin-top:10px;
  margin-bottom:10px;
  text-align:center;
}

.container .left-container {
  overflow:hidden;
  float:left;
  width:50%;
}

.container .right-container {
  float:right;
  width:50%;
}

.container h2 {
  text-align:center;
  font-size:15px;
  letter-spacing:5px;
  line-height:50px;
}

.container h2:first-of-type {
  margin-top:75px;
}

.clear {
  clear:both;
}

.right {
  text-align:right!important;
}

.signature {
  font-size:18px!important;
}

.tip-list {
  text-align:right;
  list-style-type:none;
}

.container .right-container .tip-list {
  text-align:left;
}

.container .right-container .tip-list li span:first-of-type {
  margin-left:100px;
}

.container .right-container .tip-list li span:nth-of-type(2) {
  text-align:right;
}

.tip-list li {
  margin-bottom:10px;
}

.tip-list li span:first-of-type {
  display:inline-block;
  margin-right:75px;
}

.tip-list li span:nth-of-type(2) {
  display:inline-block;
  width:75px;
  margin-right:100px;
}

.left-snap {
  width:250px;
  height:250px;
  float:left;
  margin-left:25px;
  margin-bottom:50px;
}

.right-snap {
  width:250px;
  height:250px;
  float:right;
  margin-right:25px;
  margin-bottom:50px;
}

.video-row {
  width:100%;
  margin-bottom:25px;
}

.video-wrapper {
  display:inline-block;
  width:33%;
  box-sizing:border-box;
  padding:15px;
}

.video {
  background-image:url(cam.png);
  background-size:50% 50%;
  background-position:center center;
  background-repeat:no-repeat;
  background-color:white;
  height:150px;
}

.video .new {
  width:0;
  height:0;
  border-style:solid;
  border-width:50px 50px 0 0;
  border-color:#CF000F transparent transparent;
  position:relative;
}

.video .new .new-text {
  letter-spacing:1px;
  position:absolute;
  top:-41px;
  left:-1.5px;
  color:white;
  transform:rotate(-45deg);
}

.video-top {
  font-size:20px;
  margin-top:5px;
  margin-bottom:5px;
}

.video-left {
  float:left;
  box-sizing:border-box;
  width:50%;
}

.video-right {
  float:left;
  box-sizing:border-box;
  width:50%;
  text-align:right;
}