body * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

.container {
    display: grid;
    grid-template-rows: repeat(5, 150px);
    grid-template-columns: repeat(2, 400px);
    justify-content: center;
    
   
}

header {
    display: grid;
    grid-column: 1 / 3;
    grid-template-rows: repeat(1, 150px);
    grid-template-columns: repeat(2, 400px);
}

nav,
.logo,
.copyright-text,
.social {
    display: flex;
}

.logo {
    align-items: center;
}

.logo-p {
    font-size: 2.2rem;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: rgb(48, 47, 47);
}

nav {
    align-items: center;
    justify-content: right;
}

.nav-link {
    margin-right: 1rem;
    font-size: 1.2rem;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-decoration: none;
    color: rgb(48, 47, 47);
}

.nav-link:hover {
    border-bottom: 2px solid #380f79;
}

main {
    display: grid;
    grid-template-rows: repeat(1, 450px);
    grid-template-columns: repeat(2, 400px);
    grid-column: 1 / 3;
    grid-row: 2 / 5;
    justify-items: left;
    align-items: center;
}


.main-title {
    font-size: 3rem;
    font-weight: 400;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: rgb(94, 91, 91);
}

.subtitle {
    font-size: 3rem;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: 700;
    color: rgb(37, 37, 37);
    margin-bottom:  0.5rem;
}

.line {
    width: 6rem;
    height: 0.2rem;
    background: #380f79;
    margin-bottom: 1rem;
}

.main-p {
    width: 35ch;
    padding-bottom: 2rem;
    color: rgb(94, 91, 91);
}

.btn {
    display: inline-block;
    border: 2px solid #380f79;
    font-size: 1.3rem;
    padding: 0.6rem 2.3rem;
    text-decoration: none;
    border-radius: 30px;
    color: #380f79;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-transform: uppercase;

}

.btn:hover {
    color: white;
    background: #380f79;
}

.btn-home {
    margin-right: 1rem;
}

.main-img {
    width: 30rem;
}

footer {
    display: grid;
    grid-column: 1 / 3;
    grid-template-rows: repeat(1, 150px);
    grid-template-columns: repeat(2, 400px);
}

.copyright-text {
    justify-content: right;
    align-items: center;
}

.social {
    justify-content: left;
    align-items: center;
}

.social-link {
    margin-right: 1rem;
    font-size: 1.3rem;
    color: #b6adc2;
    transition: transform 0.5s;
    
}

.social-link:hover {
    transform: scale(1.2);
}