@import './styles.css';


.information-main{
    position: relative;
    width: 100%;
    height: 100%;
    .return-button{
        position: absolute;
        top: 3rem;
        left: 3rem;
    }
    
    .information{
        width: 60vw;
        margin: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        .information-container{
            margin-top: 10rem;
            .section-title{
                color: var(--color-3);
                font-family: var(--font-primary);
                font-weight: normal;
                font-size: 5rem;
            }
            .credits-description, .policy-intro, .policy-content{
                margin-top: 2rem;
                color: var(--color-3);
                font-family: var(--font-secondary);
                font-size: 1.6rem;
            }
            .credits-list{
                margin-top: 2rem;
                list-style: none;
                padding-left: 0;
                li{
                    margin-top: 1rem;
                    color: var(--color-3);
                    font-family: var(--font-secondary);
                    font-size: 1.6rem;
                    strong{
                        font-weight: 600;
                    }
                    a{
                        color: rgb(62, 62, 187);
                        text-decoration: none;
                        transition: all 0.2s ease-in-out;
                        font-weight: 700;
                        &:hover{
                            color: var(--color-3);
                        }
                    }
                }
            }

            .subsection-title{
                margin-top: 3rem;
                color: var(--color-3);
                font-family: var(--font-primary);
                font-weight: normal;
                font-size: 3.5rem;
            }
            .acknowledgements-text{
                margin-top: 1rem;
                color: var(--color-3);
                font-family: var(--font-secondary);
                font-size: 1.6rem;
            }
        }

        .privacy-policy-section{
            margin-top: 5rem;
            .policy-article{
                margin-top: 3rem;
                .policy-title{
                    color: var(--color-3);
                    font-family: var(--font-primary);
                    font-weight: normal;
                    font-size: 2.5rem;
                }
                .policy-list{
                    margin-top: 1rem;
                    list-style: disc;
                    padding-left: 2rem;
                    li{
                        margin-top: 1rem;
                        color: var(--color-3);
                        font-family: var(--font-secondary);
                        font-size: 1.6rem;
                    }
                }
                .policy-note{
                    margin-top: 1rem;
                    color: var(--color-3);
                    font-family: var(--font-secondary);
                    font-size: 1.5rem;
                    font-style: italic;
                }
                p{
                    margin-top: 1rem;
                    font-size: 1.6rem;
                    color: var(--color-3);
                    font-family: var(--font-secondary);
                    a{
                        color: rgb(62, 62, 187);
                        text-decoration: none;
                        transition: all 0.2s ease-in-out;
                        font-weight: 700;
                        &:hover{
                            color: var(--color-3);
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 1280px){
    .information-main{
        .information{
            width: 70vw;
            .information-container{
                margin-top: 8rem;
                .section-title{
                    font-size: 4rem;
                }
                .credits-description, .policy-intro, .policy-content{
                    font-size: 1.3rem;
                }
                .credits-list{
                    li{
                        font-size: 1.3rem;
                    }
                }
                .subsection-title{
                    font-size: 2.7rem;
                }

                .acknowledgements-text{
                    font-size: 1.3rem;
                }
            }
            .privacy-policy-section{
                margin-top: 5rem;
                .policy-article{
                    margin-top: 2rem;
                    .policy-title{
                        font-size: 2rem;
                    }
                    .policy-list{
                        li{
                            font-size: 1.3rem;
                        }
                    }
                    .policy-note{
                        font-size: 1.2rem;
                    }
                    p{
                        font-size: 1.3rem;
                    }
                }
            }
        }
    }
}

@media (max-width: 1024px){
    .information-main{
        .information{
            width: 80vw;
            .information-container{
                margin-top: 8rem;
                .section-title{
                    font-size: 3rem;
                }
                .credits-description, .policy-intro, .policy-content{
                    font-size: 1.2rem;
                }
                .credits-list{
                    li{
                        font-size: 1.2rem;
                    }
                }
                .subsection-title{
                    font-size: 2.1rem;
                }

                .acknowledgements-text{
                    font-size: 1.2rem;
                }
            }
            .privacy-policy-section{
                margin-top: 5rem;
                .policy-article{
                    margin-top: 2rem;
                    .policy-title{
                        font-size: 1.7rem;
                    }
                    .policy-list{
                        li{
                            font-size: 1.2rem;
                            margin-top: 0.5rem;
                        }
                    }
                    .policy-note{
                        font-size: 1.1rem;
                    }
                    p{
                        font-size: 1.2rem;
                    }
                }
            }
        }
    }
}

@media (max-width: 480px){
    .information-main{
        .return-button{
            position: absolute;
            top: 1.5rem;
            left: 1.5rem;
        }
        .information{
            width: 86vw;
            .information-container{
                margin-top: 6rem;
                .section-title{
                    font-size: 2.5rem;
                }
                .credits-description, .policy-intro, .policy-content{
                    font-size: 1rem;
                }
                .credits-list{
                    li{
                        font-size: 1rem;
                    }
                }
                .subsection-title{
                    font-size: 1.8rem;
                }

                .acknowledgements-text{
                    font-size: 1rem;
                }
            }
            .privacy-policy-section{
                margin-top: 5rem;
                .policy-article{
                    margin-top: 2rem;
                    .policy-title{
                        font-size: 1.5rem;
                    }
                    .policy-list{
                        li{
                            font-size: 1rem;
                            margin-top: 0.5rem;
                        }
                    }
                    .policy-note{
                        font-size: 0.9rem;
                    }
                    p{
                        font-size: 1rem;
                    }
                }
            }
        }
    }
}