<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.compo {
    font: 18px "Open Sans", sans-serif;
}

.compo .title {
    color: black;
}

.compo .intro {
    margin: 7% 5% 7% 2%;
}

.compo .header {
    background-image: url("../../images/portfolio/compo_card.png");
}

.compo .footer {
    background-image: url("../../images/portfolio/compo_card.png");
}

.compo .logo {
    background-image: url("../../images/portfolio/compo_logo.png");
}

.compo .inst-wrapper {
    width: 300px;
}

.compo .pic {
    height: 250px;
    background-image: url("../../images/portfolio/compo/compo_pic.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.compo .rows .text p {
    margin-right: 6%;
    margin-top: 4%;
}

.compo .white-slide .rows img {
    margin-left: 20%;
}

.compo h3 {
    font-size: 24px;
}

.compo hr {
    height: 8px;
    background: #ffa71c;
}

.compo .gray-back {
    background-color: #42b6e2;
}

.compo .tv {
    margin-top: 10%;
}

.compo .gray-back {
    padding: 40px 0;
}

.compo .pic_all {
    display: flex;
    justify-content: center;
}

.compo .doc_rows {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.compo .doc_p {
    margin: 5% 0;
}

.compo .doc1 {
    margin-right: 17%;
}

.compo .doc p {
    text-align: center;
}

.compo .pic_all img {
    width: calc(1100px + (100vw - 1100px) / 2);
}

.compo .flex_style {
    display: flex;
    flex-direction: row;
}

.compo .text {
    align-self: center;
    height: 450px;
}

.compo .realization {
    height: 600px;
}

.compo .text p {
    margin: 5% 0;
}

.compo .prototype_text {
    margin-left: 8%;
}

@media (max-width: 600px) {
    .compo .text {
        height: auto;
    }
    .compo .tags-wrapper {
        left: 20px;
    }
    .compo .flex_style {
        flex-direction: column;
    }
    .compo .tv img,
    .compo .doc img {
        width: 100%;
    }
    .compo .doc_rows {
        flex-direction: column;
    }
    .compo .doc_rows .doc {
        margin: 0;
    }
    .compo .pic_all img {
        width: 100%;
    }
}

@media screen and (max-width: 600px) and (min-width: 360px) {
    .compo .tags-wrapper {
        left: calc(20px + 30 * (100vw - 360px) / 400);
    }
}

@media screen and (max-width: 600px) and (min-width: 760px) {
    .compo .tags-wrapper {
        left: 50px;
    }
}


/*# sourceMappingURL=compo.css.map */</pre></body></html>