html {
  background-color: black;
  color: white;
  font-family: Helvetica, sans-serif;
}
h1{
  margin: 0;
  margin-bottom: 20px;
}
h2{
  text-decoration: underline;
}
a{
  color: white;
  text-decoration: none;
}

/* HEADER */

.wrapper{
  margin: 100px;
}
.head {
  display: flex;
  align-items: flex-start;
  margin-left: 100px;
  margin-top: 50px;
}
.logo {
  width: 200px;
  padding: 50px;
}
.head-text {
  font-size: 60pt;
  font-weight: 600;
  padding: 50px;
}

/* HEADER end */


/* APP */
.highlight-text {
  color: rgb(252, 124, 150);
}
.app-wrapper {
  display: flex;
  margin: 50px;
  margin-top: 100px;
  margin-left: 70px;
}
.app-description {
  width: 300px;
  font-weight: 100;
}
.img-big {
  width: 250px;
  border: 3px solid;
  border-color: rgb(74, 74, 74);
  border-radius: 20px;
  margin-left: 80px;
}
.img-medium {
  width: 200px;
  border: 3px solid;
  border-color: rgb(74, 74, 74);
  border-radius: 20px;
  margin-left: 80px;
}
.img-small-container{
  display: flex; 
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
}
.img-small {
  display: block;
  width: 120px;
  border: 1px solid;
  border-color: rgb(74, 74, 74);
  border-radius: 15px;
  margin-left: 80px;
}
.appstore{
  margin-top: 20px;
}
/* APP end */

.body-text{
  color: rgb(215, 215, 215);
  font-weight: 100;
}