@import url('style.css');


main {
    height: 100vh;
    /* background-color: var(--col2); */
}

.page1_body {
    /* height: 75vh; */
    padding-top: 25vh;
    padding-bottom: 25vh;
}

.info_wrap {
    margin: auto;
    /* height: 50vh; */
    width: 70vw;
    background-color: var(--col3);
    border: 10px solid;
    border-image:
        repeating-linear-gradient(45deg,
            var(--col2) 0% 4%,
            var(--col3) 4% 8%) 1 6;
}

.info_card {
    display: flex;
    padding-right: 10vw;
}

.showcase_image {
    border: none;
    max-width: 50vh;
    max-height: calc(50vh - 10px);
    padding-right: 1vw;
}

.showcase_image:hover {
    border: none;
    animation: none;
}

h3 {
    padding: 5px;
    font-size: 50px;
}

#card_text {
    font-size: 20px;
    padding-bottom: 5vh;
}

.big_title {
    background-image: linear-gradient(to right, var(--col2) 0% 50%, transparent);
}

#page1_title {
    margin-left: 10vw;
}




@media (max-width: 500px) {
    body {
        width: 100%;
    }

    main {
        height: fit-content;
    }

    .big_ass_container {
        display: none;
    }

    .info_wrap {
        width: 100vw;
        border: none;
        align-content: center;
    }

    .info_card {
        display: block;
        margin-right: auto;
        margin-left: auto;
        padding: 2px;
        border-width: 5px;

    }

    .picture {
        margin-right: auto;
        margin-left: auto;
        max-width: 70vw;
        padding: 3vh;
    }

    .showcase_image {
        max-width: 70vw;
    }

    #card_title {
        padding: 10px;
    }

    #card_text {
        font-size: 100%;
        padding: 10px;
        padding-bottom: 5vh;
    }

}