@import url('https://fonts.googleapis.com/css2?family=Rethink+Sans&display=swap');



.btn {

color: #fff;

background-color: red;

border: none;

font-size: 18px;

line-height: 1.5;

position: relative;

padding: 8px 13px;

border-radius: 4px;

}



nav ul {

    background-color: #333333;

    margin: 0px;

    padding: 20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



img {

    position: relative;

    left: 50px;

}



h2 {

    position: relative;

    left: 50px;

    font-family: 'Rethink Sans', sans-serif;

}



.logo {

    color: white;

    font-size: 30px;

    font-family: 'Rethink Sans', sans-serif;

    cursor: pointer;

}



* {

    margin: 0;

    padding: 0;

}



video {

    position: relative;

    left: 50px;

}



form {

    position: relative;

    left: 50px;

}



p {

    position: relative;

    left: 50px;

    font-family: 'Rethink Sans', sans-serif;

}



body {

    overflow-x: hidden;

}



.searchbox {

    position: relative;

    left: 180px;

    height: 22px;

    top: -4px;

    border-radius: 4px;

    border-color: red;

    background-color: #dbdbdb;

}



.search-btn {

    position: relative;

    left: 180px;

}



.searchbox::placeholder {

            color: #333333;

            font-family: 'Rethink Sans', sans-serif;

}



footer {

    background: #333333;

    height: auto;

    width: 100vw;

    font-family: 'Rethink Sans', sans-serif;

    padding-top: 40px;

    color: white;

}



.footer-content {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    text-align: center;

}



.footer-content h3 {

    font-size: 1.8rem;

}



.footer-content h4 {

    max-width: 500px;

    margin: 10px auto;

    line-height: 28px;

    font-size: 14px;

}



.socials-footer {

    list-style: none;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 1rem 0 3rem 0;

}



.socials-footer li {

    margin: 0 10px;

}



.socials-footer a {

    text-decoration: none;

    color: white;

}



.socials-footer a i {

    font-size: 1.1rem;

}



.socials-footer a:hover i {

    color: red;

}



.footer-bottom {

    background: #222;

    width: 100vw;

    text-align: center;

}