* {
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
    position: relative;
    list-style: none;
    font-family: "Arial";
}

body {
    background: #000 url("../image/background.jpg") top center no-repeat;
}

.main {
    margin: auto;
    width: 1050px;
}

.main > .logo {
    width: 507px;
    height: 283px;
    background: url("../image/logo.png");
    top: 200px;
    left: 532px;
}

.main > .buttons-large {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-top: 320px;
}

.main > .buttons-large a {
    display: block;
    width: 282px;
    height: 64px;
    transition: all 0.2s ease-in-out;
}

.main > .buttons-large a.website {
    background: url("../image/btn-website.png"),
        url("../image/btn-website-hover.png");
}
.main > .buttons-large a.guide {
    background: url("../image/btn-guide.png"),
        url("../image/btn-guide-hover.png");
}

.main > .buttons-large a.website:hover {
    background: url("../image/btn-website-hover.png");
}
.main > .buttons-large a.guide:hover {
    background: url("../image/btn-guide-hover.png");
}

.main > .media {
    width: 997px;
    height: 454px;
    background: url("../image/bg-media.jpg");
    margin: 40px auto auto;
}

.media iframe {
    left: 9px;
    top: 10px;
}

.main > .media .redes {
    width: 51px;
    position: absolute;
    left: -20px;
    top: 20px;
}

.main > .media .redes a {
    display: block;
    width: 51px;
    height: 47px;
    transition: all 0.2s ease-in-out;
    margin: 5px 0;
}

.main > .media .redes a.facebook {
    background: url("../image/ico-f.png"), url("../image/ico-f-hover.png");
}

.main > .media .redes a.instagram {
    background: url("../image/icon-i.png"), url("../image/ico-i-hover.png");
}

.main > .media .redes a.whatsapp {
    background: url("../image/ico-w.png"), url("../image/ico-w-hover.png");
}

.main > .media .redes a.facebook:hover {
    background: url("../image/ico-f-hover.png");
}

.main > .media .redes a.instagram:hover {
    background: url("../image/ico-i-hover.png");
}

.main > .media .redes a.whatsapp:hover {
    background: url("../image/ico-w-hover.png");
}

.main > .media .buttons-small {
    position: absolute;
    right: 15px;
    bottom: -22px;
    z-index: 99;
}

.main > .media .buttons-small ul {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.main > .media .buttons-small a {
    display: block;
    width: 196px;
    height: 48px;
    transition: all 0.2s ease-in-out;
}

.main > .media .buttons-small a.register {
    background: url("../image/btn-register.png"),
        url("../image/btn-register-hover.png");
}
.main > .media .buttons-small a.download {
    background: url("../image/btn-download.png"),
        url("../image/btn-download-hover.png");
}
.main > .media .buttons-small a.register:hover {
    background: url("../image/btn-register-hover.png");
}
.main > .media .buttons-small a.download:hover {
    background: url("../image/btn-download-hover.png");
}

footer {
    padding: 6rem 0;
    text-align: center;
    color: #b3b3b3;
}

footer p {
    padding: 8px 0;
}