@import url('./app.css');
@import url('./header.css');
@import url('./movie.css');
@import url('./movies.css');
@import url('./navigation.css');
@import url('./newMovie.css');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@media (max-width: 1080px) {
    html {
        font-size: 93.75%;
    }
}

@media (max-width: 720px) {
    html {
        font-size: 87.5%;
    }
}

:root {
    --primary: #fff;

    --linear: linear-gradient(154.23deg, #0F3A7B -58.45%, #0CFFFF 374.49%);;
}


body,
button,
textarea,
input {
    color: var(--primary);
    font: 400 1rem "Montserrat", sans-serif;
}

a {
    color: inherit;
    text-decoration: none;
}

button {
    border: 0;
}

button:hover {
    cursor: pointer;
}