:root{--primaryColor:#5CC3B9;--accentColor:#69a4ed;--backgroundColor:#f0fdfa;--textColor:#333333;--blueTealGradient:linear-gradient(90deg, rgba(105, 164, 237, 1) 0%, rgba(92, 195, 185, 1) 100%);--primaryFont:'Montserrat', sans-serif;--largeFont:2rem;--fontStyleBold:700;--fontStyleSemi:600;--smallFont:1rem;--fontStyleReg:400;--extraLgFont:3rem}body{font-family:var(--primaryFont);color:var(--textColor);background-color:var(--backgroundColor);background-image:url(pawel-czerwinski-xwp0_eLoZp0-unsplash-min.jpg);overflow:hidden}.main-heading{text-align:center;font-size:var(--extraLgFont);font-weight:var(--fontStyleBold);margin-top:4rem}main{display:flex;flex-direction:column;align-items:center;height:100vh;justify-content:center}.breathingCycle{margin-top:10rem}#displayCurrentPhase{font-weight:var(--fontStyleReg);font-style:italic;font-optical-sizing:auto;font-size:var(--largeFont);text-align:center; height:2rem}.buttonContainer{display:flex;justify-content:center;gap:1rem}#toggleSession{font-size:var(--smallFont);font-weight:var(--fontStyleSemibold);text-transform:uppercase;padding:1rem 2rem;background:var(--blueTealGradient);border-radius:20px;cursor:pointer;color:#fff;margin:.5rem;border:2px solid #000;box-sizing:border-box;flex-basis:max-content;max-width:13rem;&:hover{transform:scale(1.05)}&:active{transform:translate(0,.25em)}}.hidden{display:none}.circle{display:flex;background-color:var(--accentColor);width:250px;height:250px;border-radius:50%;transition:transform 4s ease;justify-content:center;align-items:center}.circle>p{font-size:var(--extraLgFont);text-align:center}.inhale{transform:scale(2);transition:transform 4s ease}.exhale{transform:scale(1)}@media screen and (max-width:480px){main{justify-content:flex-start;margin-top:6rem}.main-heading{font-size:var(--largeFont);font-weight:var(--fontStyleBold)}.breathingCycle{margin-top:6rem}.circle{width:175px;height:175px}.circle>p{font-size:var(--largeFont)}.inhale{transform:scale(1.5)}#displayCurrentPhase{font-size:var(--smallFont)}#toggleSession{padding:1rem .5rem}}@media screen and (min-width:481px){.inhale{transform:scale(1.5)}}