<commit_before>@-moz-viewport { width: device-width; scale: 1; }
@-ms-viewport { width: device-width; scale: 1; }
@-o-viewport { width: device-width; scale: 1; }
@-webkit-viewport { width: device-width; scale: 1; }
@viewport { width: device-width; scale: 1; }

html {
	box-sizing: border-box;

	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
    
    background-image: url("http://www.photos-public-domain.com/wp-content/uploads/2011/10/black-cat-fur-texture.jpg");
}

*, *:before, *:after {
	box-sizing: inherit;
}

h1 {
    font-family: sans-serif;
    color: white;
}
    
.btn {
    font-weight: bold;
    text-decoration: none;
    padding: 4em 16%;
    border-radius: 30px;
    display: inline-block;
    margin: .4em;
}

.icon {
    font-family: portfolio;
    font-size: 8em;
    padding-left: .5em;
    color: white;
}

.icon:hover,
.icon:active,
.icon:focus {
    color: #aaa;
    animation: shake 1s;
    -webkit-animation: shake 1s;
}


@-webkit-keyframes shake {
  
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.btn i{
    vertical-align: middle;
    padding-right: .5em;
    
}

@media only screen and (min-width: 25em) {
    
}

@media only screen and (min-width: 38em) {
      
.btn {
    font-weight: bold;
    text-decoration: none;
    padding: 3.5em 20%;
    border-radius: 30px;
    display: inline-block;
    margin: .4em;
}

.icon {
    font-family: portfolio;
    font-size: 6em;
    padding-left: .5em
}
    
}

@media only screen and (min-width: 60em) { 

    .btn {
        font-weight: bold;
        text-decoration: none;
        padding: 8em 25%;
        border-radius: 30px;
        display: inline-block;
        margin: .4em;
    }

    .icon {
        font-family: portfolio;
        font-size: 8em;
        padding-left: .5em
    }
    
}

@media only screen and (min-width: 90em) {   
    
}<commit_msg>not working in safari?<commit_after>@-moz-viewport { width: device-width; scale: 1; }
@-ms-viewport { width: device-width; scale: 1; }
@-o-viewport { width: device-width; scale: 1; }
@-webkit-viewport { width: device-width; scale: 1; }
@viewport { width: device-width; scale: 1; }

html {
	box-sizing: border-box;

	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
    
    background-image: url("http://www.photos-public-domain.com/wp-content/uploads/2011/10/black-cat-fur-texture.jpg");
}

*, *:before, *:after {
	box-sizing: inherit;
}

h1 {
    font-family: sans-serif;
    color: white;
}
    
.btn {
    font-weight: bold;
    text-decoration: none;
    padding: 4em 16%;
    border-radius: 30px;
    display: inline-block;
    margin: .4em;
}

.icon {
    font-family: portfolio;
    font-size: 8em;
    padding-left: .5em;
    color: white;
}

.icon:hover,
.icon:active,
.icon:focus {
    color: #aaa;
    animation: shake 1s;
    -webkit-animation: shake 1s;
}


@-webkit-keyframes shake {
  
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80%, 100% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.btn i{
    vertical-align: middle;
    padding-right: .5em;
    
}

@media only screen and (min-width: 25em) {
    
}

@media only screen and (min-width: 38em) {
      
.btn {
    font-weight: bold;
    text-decoration: none;
    padding: 3.5em 20%;
    border-radius: 30px;
    display: inline-block;
    margin: .4em;
}

.icon {
    font-family: portfolio;
    font-size: 6em;
    padding-left: .5em
}
    
}

@media only screen and (min-width: 60em) { 

    .btn {
        font-weight: bold;
        text-decoration: none;
        padding: 8em 25%;
        border-radius: 30px;
        display: inline-block;
        margin: .4em;
    }

    .icon {
        font-family: portfolio;
        font-size: 8em;
        padding-left: .5em
    }
    
}

@media only screen and (min-width: 90em) {   
    
}
{'fraction_non_alphanumeric': 0.1630115306353154, 'fraction_numerical': 0.04860954103549627, 'mean_word_length': 2.4004611837048424, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, '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': '7097306', 'n_tokens_mistral': 1889, 'n_tokens_neox': 1682, 'n_words': 384}