@import url("base.css");

@import url("card-screen/task-section.css");
@import url("card-screen/card-section.css");
@import url("card-screen/nav-arrows.css");
@import url("card-screen/burn-section.css");


:root {
    --back-card-fill: #14382d;
    --back-card-border: #587468;
}

.phone-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    margin: 0;
    
    height: 100vh;
    width: 100vw;
}

.screen {
    background: #0e2e24;
    padding: 30px 20px;
    border-radius: 25px;
    
    width: 360px;
    height: 640px;
}