<commit_before>@media screen and (max-width: 1279px){
  .container{
    width:100%;
  }
  img{
    width:100%;
  }
}
/*code for users with a phone*/
@media screen and (max-width:640px){
  img{
    width:100%;
  }
}

/*setting the minimum size of site at 320 which should be enough to cover all devices*/
@media screen and (max-width:320px){
  width:320px;
  img{
    width:100%;
  }
}

/*Code for images to be scaled properly with the rest of the site
img{
  width:100%;
}*/

.container {
  width:1280px;
  height:720px;
  margin:0px auto;
}
.nav {
  width:1280px;
  height:42px;
}

/*CSS for the navigation bar*/
ul {
    top:0px;
    margin-top:0px;
    height: 40px;
    position: fixed;
    width: 1280px;
    margin-bottom: 0px;
    padding-top: 10px;
    background-color: #FFFFFF;
    background-size: cover;
    background-repeat: no-repeat;
}

li {
  width: 1280px;
  list-style-type: none;
  display: inline;
  margin-left: 70px;
  margin-right: 70px;
  padding-right: 70px;
}

a {
  font-family: 'Poiret One', cursive;
  font-size:20px;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

a:hover{
  color:#9FD19F;
}

p{
  position:fixed;
  top:90%;
  right:40%;
  font-family: 'Arima Madurai', cursive;
  padding-left:50px;/*What has move the writing to the right of the container*/
  font-size: 15px;
  text-align:center;
}

img{
  top:0px;
  margin-left: -20px;<commit_msg>Update Main.css<commit_after>@media screen and (max-width: 1279px){
  .container{
    width:100%;
  }
  img{
    width:100%;
  }
}
/*code for users with a phone*/
@media screen and (max-width:640px){
  img{
    width:100%;
  }
}

/*setting the minimum size of site at 320 which should be enough to cover all devices*/
@media screen and (max-width:320px){
  width:320px;
  img{
    width:100%;
  }
}

/*Code for images to be scaled properly with the rest of the site
img{
  width:100%;
}*/

.container {
  width:1280px;
  height:720px;
  margin:0px auto;
}
.nav {
  width:1280px;
  height:42px;
}

/*CSS for the navigation bar*/
ul {
    top:0px;
    margin-top:0px;
    height: 40px;
    position: fixed;
    width: 1280px;
    margin-bottom: 0px;
    padding-top: 10px;
    background-color: #FFFFFF;
    background-size: cover;
    background-repeat: no-repeat;
}

li {
  width: 1280px;
  list-style-type: none;
  display: inline;
  margin-left: 70px;
  margin-right: 70px;
  padding-right: 70px;
}

a {
  width: 1280px;
  font-family: 'Poiret One', cursive;
  font-size:20px;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

a:hover{
  color:#9FD19F;
}

p{
  position:fixed;
  top:90%;
  right:40%;
  font-family: '<NAME>', cursive;
  padding-left:50px;/*What has move the writing to the right of the container*/
  font-size: 15px;
  text-align:center;
}

img{
  top:0px;
  margin-left: -20px;
{'fraction_non_alphanumeric': 0.14026988636363635, 'fraction_numerical': 0.06392045454545454, 'mean_word_length': 3.13049853372434, 'pattern_counts': {'":': 0, '<': 4, '<?xml version=': 0, '>': 4, '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': '428385', 'n_tokens_mistral': 1227, 'n_tokens_neox': 1094, 'n_words': 289}