body {
    background-color:yellow;
}
* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
    font-family:Rubik;
}
.home {
  background-color:#191A1D;
  color:white;
  height: 100vh;
  overflow:hidden;
  border-bottom-left-radius:40%;
  border-bottom-right-radius:0%;
  border-top-right-radius:0%;
  
}
.home h1 {
    font-size:350%;
}



    /* NAVBAR */

.navbar {
  padding:5%;
  padding-top:3%;
  font-size:150%;
}
.navbar a {
  color:inherit;
}
.navbar a:hover {
  color:white;
  transition:0.5s;
}
.navbar-nav {
  margin:auto;
  color: #ABABAB;
}
.navbar-brand {
  color:white;
  font-size: 130%;
  text-transform:uppercase;
  width:15%;
}

.collapse {
  text-align:center;
}
  

    /* STROKE */

.navbar ul li a {
    position: relative;
  }
  .navbar ul li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: '.';
    color: transparent;
    background: yellow;
    height: 6px;
    border-radius:15%;
  }
  .navbar ul li a:hover:after {
    width: 50%;
    transition:0.5s;
  }
  .navbar-brand{
    position: relative;
  }
  .navbar-brand:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: left;
    width: 30%;
    content: '.';
    color: transparent;
    background: yellow;
    height: 6px;
    border-radius:15%;
  }
  .navbar-brand:hover:after {
    width: 10%;
    transition:0.5s;
  }
  
    /* STROKE */

    /* NAVBAR */


    /* CONTENT */

.text-box {
  font-size: 160%;
  color:#ABABAB;
}
.profile {
    width:70%;
    cursor:pointer;
    border-left-width:80%;
}
.profile:hover {
    transform: scaleY(1.1);
    transform: skewY(-10deg);
    opacity:0.9;
}
.button {
  background-color:yellow;
  border-radius:30%;
  border:none;
  padding:5%;
  color:black;
  float:left;
  margin-left:10%;
}
.button:hover {
    background-color:white;
    color:black;
    transition:1.5s;
    transform: scaleY(1.1); 
    transform: scaleX(1.1); 
    transform: rotate(-365deg);
    border: 3px solid yellow;
}
.lang {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.lang a {
  padding:5%;
}
.lang img:hover {
  transform:scale(1.2);
  transition:1s;
}

    /* CONTENT */



 /*---Media Queries 
 @media (max-width: 1150px) {

}
--*/

@media (max-width: 1300px) {
  .home h1 {
    font-size:250%;
  }
  .text-box p {
    font-size:80%;
  }
}
@media (max-width: 992px) {
  .profile {
    display:none;
  }
}
@media (max-width: 768px) {
  body {
    font-size:90%;
  }
  .navbar-brand {
    font-size:90%;
    width:30%;
  }
      .nav-link {
        text-align:center;
    }
  .home h1 {
    font-size:220%;
    margin-top:10%;
  }
  .home p {
    font-size:80%;
  }
}
@media (max-width: 576px) {
  .home h1 {
    font-size:220%;
  }
}