*{margin:0;padding:0;box-sizing:border-box}.container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:10% 13% 13% 13% 13% 13% 13% auto;height:100vh;height:calc(var(--vh,1vh) * 100);font-family:Poppins,sans-serif}.header{grid-column:1/5;grid-row:1/2;background:#add8e6;text-align:center;display:flex;align-items:center;justify-content:center}.header-title{grid-column:1/4;grid-row:1/2;background:#add8e6;text-align:center;display:flex;align-items:center;justify-content:center}.header-login{grid-column:4/5;grid-row:1/2;background:#add8e6;text-align:center;display:flex;align-items:center;justify-content:center}.header-logout{grid-column:4/5;grid-row:1/2;background:#add8e6;text-align:center;display:flex;align-items:center;justify-content:center}.row2-insight{grid-column:1/5;grid-row:2/3;background:#90ee90;text-align:center;display:flex;align-items:center;justify-content:center;padding:2%}.row3-inhale-left{grid-column:1/3;grid-row:3/4;background:#e0ffff;text-align:center;display:flex;align-items:center;justify-content:center}.row3-inhale-right{grid-column:3/5;grid-row:3/4;background:#48d1cc;text-align:center;display:flex;align-items:center;justify-content:center}.row4-hold-left{grid-column:1/3;grid-row:4/5;background:#fafad2;text-align:center;display:flex;align-items:center;justify-content:center}.row4-hold-right{grid-column:3/5;grid-row:4/5;background:#3cb371;text-align:center;display:flex;align-items:center;justify-content:center}.row5-exhale-left{grid-column:1/3;grid-row:5/6;background:#87cefa;text-align:center;display:flex;align-items:center;justify-content:center}.row5-exhale-right{grid-column:3/5;grid-row:5/6;background:#ba55d3;text-align:center;display:flex;align-items:center;justify-content:center}.row6-hold-left{grid-column:1/3;grid-row:6/7;background:#00fa9a;text-align:center;display:flex;align-items:center;justify-content:center}.row6-hold-right{grid-column:3/5;grid-row:6/7;background:khaki;text-align:center;display:flex;align-items:center;justify-content:center}.row-breatheButton{grid-column:1/3;grid-row:7/8;background:pink;text-align:center;display:flex;align-items:center;justify-content:center}.row-breath-cycles{grid-column:3/5;grid-row:7/8;background:#9acd32;color:#00008b;text-align:center;display:flex;align-items:center;justify-content:center}.row-breath-cycles select{color:#9932cc;font-weight:600;width:25%;height:40%;background:#e0ffff;border:2px solid #fff;cursor:pointer;border-radius:5px;font-size:15px}.row-breatheButton button{color:#000;width:60%;height:55%;background:#ff8c00;border:2px solid #fff;cursor:pointer;border-radius:5px;font-size:15px}.footer-left{grid-column:1/2;grid-row:8/9;background:#d3d3d3;text-align:center;display:flex;align-items:center;justify-content:center}.footer-left-center{grid-column:2/3;grid-row:8/9;background:#ffa07a;text-align:center;display:flex;align-items:center;justify-content:center}.footer-right-center{grid-column:3/4;grid-row:8/9;background:#ffffe0;text-align:center;display:flex;align-items:center;justify-content:center}.footer-right{grid-column:4/5;grid-row:8/9;background:#b0c4de;text-align:center;display:flex;align-items:center;justify-content:center}.row2-left-breathe{grid-column:1/3;grid-row:2/3;background:#90ee90;text-align:center;display:flex;align-items:center;justify-content:center}.row2-right-breathe{grid-column:3/5;grid-row:2/3;background:#e0ffff;text-align:center;display:flex;align-items:center;justify-content:center}.row3-left-breathe{grid-column:1/3;grid-row:3/4;background:#48d1cc;text-align:center;display:flex;align-items:center;justify-content:center}.row3-right-breathe{grid-column:3/5;grid-row:3/4;background:#ffb6c1;text-align:center;display:flex;align-items:center;justify-content:center}.row4-left-breathe{grid-column:1/3;grid-row:4/5;background:#bebebe;text-align:center;display:flex;align-items:center;justify-content:center}.row4-right-breathe{grid-column:3/5;grid-row:4/5;background:#bebebe;text-align:center;display:flex;align-items:center;justify-content:center}.row5-left-breathe{grid-column:1/3;grid-row:5/6;background:#bebebe;text-align:center;display:flex;align-items:center;justify-content:center}.row5-right-breathe{grid-column:3/5;grid-row:5/6;background:#bebebe;text-align:center;display:flex;align-items:center;justify-content:center}.row6-left-breathe{grid-column:1/3;grid-row:6/7;background:#bebebe;text-align:center;display:flex;align-items:center;justify-content:center}.row6-right-breathe{grid-column:3/5;grid-row:6/7;background:#bebebe;text-align:center;display:flex;align-items:center;justify-content:center}.row7-left-breathe{grid-column:1/3;grid-row:7/8;background:#bebebe;text-align:center;display:flex;align-items:center;justify-content:center}.row7-right-breathe{grid-column:3/5;grid-row:7/8;background:#bebebe;text-align:center;display:flex;align-items:center;justify-content:center}.row2-beach-meditate{grid-column:1/5;grid-row:2/7;background-image:url(https://res.cloudinary.com/takeitslow/image/upload/v1570036037/takeitslow/beach_vwisgs.webp);background-size:100% 100%}.row2-rain-meditate{grid-column:1/5;grid-row:2/7;background-image:url(https://res.cloudinary.com/takeitslow/image/upload/v1570036037/takeitslow/rain_e1zdod.webp);background-size:100% 100%}.row2-left-meditate{grid-column:1/3;grid-row:2/3;background:#90ee90;text-align:center;display:flex;align-items:center;justify-content:center}.row2-left-meditate a{padding:30px}.row2-right-meditate{grid-column:3/5;grid-row:2/3;background:#e0ffff;text-align:center;display:flex;align-items:center;justify-content:center}.row2-right-meditate a{padding:30px}.row2-gratitude{grid-column:1/5;grid-row:2/7;background:#d3d3d3;text-align:center;display:flex;align-items:center;justify-content:center}.row2-login{grid-column:1/5;grid-row:2/7;background:#d3d3d3;text-align:center;display:flex;align-items:center;justify-content:center}