:root{--bar1-color:#b73c5f;--bar2-color:#fcad6a;--bar3-color:#fee041;--primary-color:#1e293b}.logo-container{display:flex;margin:5rem auto 0;width:fit-content;flex-basis:content;flex-direction:row;justify-content:center;align-items:end;height:auto;padding:1.5rem;border:solid;border-width:4px;border-color:#34d399;border-radius:.5rem;box-shadow:0 4px 12px 4px rgba(0,0,0,.5)}.logo-text{font-size:xx-large;font-weight:700;margin-right:1rem}.bar{margin:.5rem;border-radius:.5rem;border:4px solid #fff;width:2.5rem;background-color:#000;transition:background-color .3s}.bar:hover{background-color:#34d399}.bar1{height:2.5rem;background-color:var(--bar1-color)}.bar2{height:4.5rem;background-color:var(--bar2-color)}.bar3{height:6.5rem;background-color:var(--bar3-color)}