@import url("https://fonts.googleapis.com/css2?family=Tangerine:wght@400;700&display=swap");*{box-sizing:border-box}.banner{flex:0 1 auto;margin:0;padding:0;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;width:100%;animation:lockin .5s forwards}.banner h1{margin:40px 40px;flex:1 1 auto;font-family:"Tangerine",cursive;font-weight:700;font-size:4em;line-height:.7em}.banner .menu{margin:20px 40px;flex:1 1 auto;display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:center;gap:5px 0}.banner.active .menu{gap:5px 20px;transition:gap .25s ease-in-out}.banner .menu a{cursor:pointer;text-decoration:inherit;font-size:20px;font-weight:400;text-shadow:none}.primary .menu a:hover{animation-duration:1s;animation-name:settle}.primary .menu a:active{animation-duration:1s;animation-name:settle}.secondary .menu a:hover{animation-duration:1s;animation-name:inv-settle}.secondary .menu a:active{animation-duration:1s;animation-name:inv-settle}@media only screen and (max-width:850px){.banner h1{margin:40px 10px;flex:1 1 auto;max-width:200px;font-size:3em;line-height:.7em}.banner .menu{margin:5px 10px;overflow:hidden;flex:0 0 auto;display:flex;flex-flow:column nowrap;justify-content:flex-end;align-items:center;gap:5px 20px;width:0}.banner.active .menu{width:100px;transition:width .25s ease-in-out}}