<commit_before>/* ==========================================================================
   General Styles
   ========================================================================== 

  ==|== Available Fonts ==|==

  Trade Gothic:
  font-family: 'TradeGothicLTStdBdCnNo.20';
  font-family: 'TradeGothicLTStdLight';

  Big Noodle:
  font-family: 'BigNoodleTitlingRegular';
  font-family: 'BigNoodleTitlingOblique';
  
  Swiss:
  font-family: 'Swiss721Light';
  font-family: 'Swiss721Medium';
  font-family: 'Swiss721Bold';

/* ==|== Global Variables, Styles, & Utilities
=============================================================================================================== */

/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Nixie+One);

@nixieOne: 'Nixie One', cursive;
@tradeGotchic: 'TradeGothicLTStdBdCnNo.20'; 
@tradeGotchicLight: 'TradeGothicLTStdLight';
@swissLight: 'Swiss721Light';
@bigNoodle: 'BigNoodleTitlingRegular';


/* General */
* {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  box-sizing:border-box;
}
html, body {
  position: relative;
  width:100%;
  height:100%;
  overflow: hidden;
}

/* Fullscreen Background */
.fullscreen {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1600px; /* width of the image */
  
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
.img-overlay {
  background-color: rgba(0, 0, 0, .65);
  z-index: 0;
}

/* ==|== Utility Classes 
=============================================================================================================== */

.hardware-accel {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
.visible {
  opacity:1 !important;
}


/* ==|== General Styles 
=============================================================================================================== */


.stage-wrapper {
  display: block;
  position: relative;
  width:100%;
  height:100%;
}
.stage {
  position: absolute;
  width:100%;
  height:100%;
  z-index: 1;
}
.info {
  top: 40%;
  position: relative;
  text-align: center;
  color:#fff;
  text-shadow:0px 0px 5px rgba(0, 0, 0, .5);

  h1 {
    font-family:@tradeGotchic;
    font-size:100px;
    line-height:120%;
  }
  h2 {
    font-family: @nixieOne;
    font-size: 35px;
    line-height: 1;
  }
  .more-info {
    color:#fff;
    &:hover {
      color:#ddd;
    }
  }
}
.profile-img {
  display: block;
  position: absolute;
  max-width:200px;
  left:50%;
  top:20%;
  margin:-100px 0 0 -100px;
  padding:5px;
  background-color:rgba(255, 255, 255, .9);
  border:1px solid #ccc;
}
.bio {
  display: block;
  position: absolute;
  top:20px;
  right:10%;
  bottom:135px;
  left:10%;
  padding:25px 35px;
  border:3px solid #555;
  background-color: rgba(0, 0, 0, .5);
  color: #fff;
  opacity: 0;
  overflow: auto;
  z-index: 9999;

  .close {
    display: block;
    position: absolute;
    top:10px;
    right:10px;
    padding:5px;
    background:rgba(255, 255, 255, .75);
  }
}
.overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color:transparent;
  background-color:rgba(0, 0, 0, .10);
  z-index: 9998;
}
#social {
  display:block;
  position: absolute;
  bottom:0;
  width: 100%;
  background-color:rgba(0, 0, 0, .8);
  border-top:5px solid rgba(25, 150, 255, .8);
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .8);
  z-index: 9999;
}
.social-wrapper {
  display:block;
  position:relative;
  width:257px;
  margin:0 auto;
  padding:0;
  background-color:transparent;

  .social-icon {
    display: inline-block;
    padding:10px;
    opacity:0;
    color:#fff;
    text-shadow:0px 0px 5px #000;
    transition:all 250ms ease-in-out;

    a {
      display: block;
      color: inherit;
    }

    a i {
      opacity:.6;
      transition:all 250ms ease-in-out;
    }
    
    &:hover,
    &:active {
      background-color:rgba(25, 150, 255, .7);
    }
    
    &:hover a i,
    &:active a i {
      opacity:.8;
    }
  }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)
and (orientation : portrait) {
  .profile-img {
    display: block;
    position: absolute;
    max-width:150px;
    left:50%;
    top:20%;
    margin:-75px 0 0 -75px;
    padding:5px;
    background-color:rgba(255, 255, 255, .9);
    border:1px solid #ccc;
  }

  .info {
    top: 32%;
    position: relative;
    text-align: center;
    color:#fff;

    h1 {
      font-family:@tradeGotchic;
      font-size:75px;
      line-height:120%;
    }
    h2 {
      font-family: @nixieOne;
      font-size: 25px;
      line-height: 1;
    }
  }
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)
and (orientation : landscape) {
  .profile-img {
    display: block;
    position: absolute;
    max-width:100px;
    left:50%;
    top:20%;
    margin:-75px 0 0 -75px;
    padding:5px;
    background-color:rgba(255, 255, 255, .9);
    border:1px solid #ccc;
  }

  .info {
    top: 32%;
    position: relative;
    text-align: center;
    color:#fff;

    h1 {
      font-family:@tradeGotchic;
      font-size:75px;
      line-height:120%;
    }
    h2 {
      font-family: @nixieOne;
      font-size: 25px;
      line-height: 1;
    }
  }
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}<commit_msg>Darkened background overlay<commit_after>/* ==========================================================================
   General Styles
   ========================================================================== 

  ==|== Available Fonts ==|==

  Trade Gothic:
  font-family: 'TradeGothicLTStdBdCnNo.20';
  font-family: 'TradeGothicLTStdLight';

  Big Noodle:
  font-family: 'BigNoodleTitlingRegular';
  font-family: 'BigNoodleTitlingOblique';
  
  Swiss:
  font-family: 'Swiss721Light';
  font-family: 'Swiss721Medium';
  font-family: 'Swiss721Bold';

/* ==|== Global Variables, Styles, & Utilities
=============================================================================================================== */

/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Nixie+One);

@nixieOne: 'Nixie One', cursive;
@tradeGotchic: 'TradeGothicLTStdBdCnNo.20'; 
@tradeGotchicLight: 'TradeGothicLTStdLight';
@swissLight: 'Swiss721Light';
@bigNoodle: 'BigNoodleTitlingRegular';


/* General */
* {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  box-sizing:border-box;
}
html, body {
  position: relative;
  width:100%;
  height:100%;
  overflow: hidden;
}

/* Fullscreen Background */
.fullscreen {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1600px; /* width of the image */
  
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
.img-overlay {
  background-color: rgba(0, 0, 0, .65);
  z-index: 0;
}

/* ==|== Utility Classes 
=============================================================================================================== */

.hardware-accel {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
.visible {
  opacity:1 !important;
}


/* ==|== General Styles 
=============================================================================================================== */


.stage-wrapper {
  display: block;
  position: relative;
  width:100%;
  height:100%;
}
.stage {
  position: absolute;
  width:100%;
  height:100%;
  z-index: 1;
}
.info {
  top: 40%;
  position: relative;
  text-align: center;
  color:#fff;
  text-shadow:0px 0px 5px rgba(0, 0, 0, .5);

  h1 {
    font-family:@tradeGotchic;
    font-size:100px;
    line-height:120%;
  }
  h2 {
    font-family: @nixieOne;
    font-size: 35px;
    line-height: 1;
  }
  .more-info {
    color:#fff;
    &:hover {
      color:#ddd;
    }
  }
}
.profile-img {
  display: block;
  position: absolute;
  max-width:200px;
  left:50%;
  top:20%;
  margin:-100px 0 0 -100px;
  padding:5px;
  background-color:rgba(255, 255, 255, .9);
  border:1px solid #ccc;
}
.bio {
  display: block;
  position: absolute;
  top:20px;
  right:10%;
  bottom:135px;
  left:10%;
  padding:25px 35px;
  border:3px solid #555;
  background-color: rgba(0, 0, 0, .5);
  color: #fff;
  opacity: 0;
  overflow: auto;
  z-index: 9999;

  .close {
    display: block;
    position: absolute;
    top:10px;
    right:10px;
    padding:5px;
    background:rgba(255, 255, 255, .75);
  }
}
.overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color:transparent;
  background-color:rgba(0, 0, 0, .10);
  z-index: 9998;
}
#social {
  display:block;
  position: absolute;
  bottom:0;
  width: 100%;
  background-color:rgba(0, 0, 0, .8);
  border-top:5px solid rgba(25, 150, 255, .8);
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .8);
  z-index: 9999;
}
.social-wrapper {
  display:block;
  position:relative;
  width:257px;
  margin:0 auto;
  padding:0;
  background-color:transparent;

  .social-icon {
    display: inline-block;
    padding:10px;
    opacity:0;
    color:#fff;
    text-shadow:0px 0px 5px #000;
    transition:all 250ms ease-in-out;

    a {
      display: block;
      color: inherit;
    }

    a i {
      opacity:.6;
      transition:all 250ms ease-in-out;
    }
    
    &:hover a i,
    &:active a i {
      opacity:.8;
    }
  }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)
and (orientation : portrait) {
  .profile-img {
    display: block;
    position: absolute;
    max-width:150px;
    left:50%;
    top:20%;
    margin:-75px 0 0 -75px;
    padding:5px;
    background-color:rgba(255, 255, 255, .9);
    border:1px solid #ccc;
  }

  .info {
    top: 32%;
    position: relative;
    text-align: center;
    color:#fff;

    h1 {
      font-family:@tradeGotchic;
      font-size:75px;
      line-height:120%;
    }
    h2 {
      font-family: @nixieOne;
      font-size: 25px;
      line-height: 1;
    }
  }
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)
and (orientation : landscape) {
  .profile-img {
    display: block;
    position: absolute;
    max-width:100px;
    left:50%;
    top:20%;
    margin:-75px 0 0 -75px;
    padding:5px;
    background-color:rgba(255, 255, 255, .9);
    border:1px solid #ccc;
  }

  .info {
    top: 32%;
    position: relative;
    text-align: center;
    color:#fff;

    h1 {
      font-family:@tradeGotchic;
      font-size:75px;
      line-height:120%;
    }
    h2 {
      font-family: @nixieOne;
      font-size: 25px;
      line-height: 1;
    }
  }
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
{'fraction_non_alphanumeric': 0.23351351351351352, 'fraction_numerical': 0.05382239382239382, 'mean_word_length': 2.889189189189189, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4699617', 'n_tokens_mistral': 5335, 'n_tokens_neox': 4647, 'n_words': 1022}