@font-face{font-family:Rubik-iso;src:url(/assets/RubikIso-Regular-BQ0HSYEj.ttf)format("truetype");font-weight:400;font-style:normal}body{margin:0}span,h1,h2,button,input{font-family:Rubik-iso}a{color:#274c77}main{background-color:#e7ecef;flex-direction:column;justify-content:center;align-items:center;height:120vh;display:flex}.container{grid-column:4/11;width:min-content;margin-top:120px;position:relative}.container>h1{color:#274c77;z-index:3;margin:0;font-size:96px;position:absolute;top:-60px;left:-65px}.cross2013{z-index:0;opacity:.3;position:absolute;top:-170px;left:-130px}.calc-border{z-index:2;background-color:#e7ecef;border:29px solid #6096ba;border-radius:3px 3px 0 0;flex-flow:column;width:min-content;margin-top:20px;display:flex;position:relative;box-shadow:0 8px 4px -4px #00000059}.calc-upperright{background-color:#6096ba;border-radius:0 0 0 3px;align-self:flex-end;width:40%;height:29px}.calc-buttons{flex-flow:column;flex:1;width:min-content;display:flex;transform:rotate(-2deg)}.calc-buttons-grid{grid-template-columns:1fr 1fr 1fr 1fr;column-gap:20px;width:min-content;margin:20px 50px;display:grid}.calc-buttons :nth-child(3){margin-right:20px}.calc-buttons-grid>button{color:#274c77;background-color:#e7ecef;border:0;border-radius:2px;width:140px;height:140px;margin-bottom:20px;padding:0 5px 5px 0;font-size:48px;box-shadow:0 4px 10px -4px #666}.calc-buttons-lower{margin:0 50px 50px;display:flex}.calc-buttons-grid button{transition:background-color .5s cubic-bezier(0,1.11,0,.98),color .5s cubic-bezier(0,1.11,0,.98),all}.calc-buttons-grid button:hover{border:2px solid #8b8c89}.calc-buttons-grid button:active{color:#e7ecef;background-color:#8b8c89}#clear,#result{transition:background-color .5s cubic-bezier(0,1.11,0,.98),color .5s cubic-bezier(0,1.11,0,.98)}#clear:hover,#result:hover{border:2px solid #8b8c89}#clear:active,#result:active{color:#e7ecef;background-color:#8b8c89}#clear{color:#274c77;background-color:#e7ecef;border:0;border-radius:2px;width:min-content;height:140px;margin-right:20px;padding:20px 110px 50px 40px;font-size:48px;box-shadow:0 4px 10px -4px #666}#result{color:#274c77;background-color:#e7ecef;border:0;border-radius:2px;flex:1;width:min-content;height:140px;padding:0;font-size:48px;box-shadow:0 4px 10px -4px #666}.upperright2013{color:#e7ecef;align-self:flex-end;font-size:96px;position:absolute;top:-3rem;right:-1rem}.lowerleft2013{color:#6096ba;align-self:flex-end;font-size:96px;position:absolute;bottom:-3rem;left:-1rem}.numbers-container{z-index:1;border:13px solid #6096ba;border-right-width:29px;border-radius:0 0 3px 3px;height:min-content;display:flex;position:relative}.numbers-container>span{color:#e7ecef;background-color:#6096ba;border:1px solid #6096ba;border-right-width:1rem;align-items:center;font-size:48px;display:flex}.numbers-container>.inputcontainer{flex:1;width:min-content;padding:0;display:flex}.inputcontainer>input{color:#274c77;white-space:nowrap;text-align:center;background-color:#e7ecef;border:0;border-radius:3px;flex:1;width:100%;height:100%;padding:0;font-size:48px;overflow:hidden}.line>div{color:#e7ecef;background-color:#00000080;font-size:24px;display:inline-flex;position:fixed}#track1{z-index:0;animation:200s linear infinite scrollleft;top:0;left:0}@keyframes scrollleft{0%{transform:translate(0)}to{transform:translate(-50%)}}#track2{z-index:0;animation:200s linear infinite scrollright;bottom:0;right:0}@keyframes scrollright{0%{transform:translate(0)}to{transform:translate(50%)}}.annotation{text-align:center;margin-top:50px;font-size:24px}@media (width<=768px),(orientation:portrait){main{height:100vh;padding:0 20px}.container{flex-direction:column;justify-content:center;width:auto;margin-top:40px;padding:20px;display:flex}.container>h1{text-align:center;font-size:32px;position:absolute;top:1rem;left:0}.cross2013{top:-1rem;left:-1rem}.cross2013>img{width:80px}.calc-border{border-width:12px;justify-self:center;width:auto}.calc-upperright{height:12px}.calc-buttons{width:100%;padding:8px 8px 8px 12px}.calc-buttons-grid{gap:4px;width:90%;margin:0}.calc-buttons-grid>button{width:90%;height:100%;font-size:16px;box-shadow:0 2px 4px -2px #666}.calc-buttons :nth-child(3){margin-right:15px}.calc-buttons-lower{gap:5px;width:88%;height:auto;margin:10px 0}#clear,#result{height:52px;font-size:16px}#clear{margin:0;padding:0 2.5rem .5rem 1rem}#result{flex:1}.numbers-container{border-width:5px 12px 5px 5px;border-left-style:none;border-left-color:currentColor;width:auto;min-width:240px}.numbers-container>span{border-left:.2rem solid #6096ba;border-right:.2rem solid #6096ba;margin:0;padding:0;font-size:16px}.inputcontainer>input{font-size:20px}.upperright2013,.lowerleft2013{font-size:36px}.upperright2013{top:-1.25rem;right:-.5rem}.lowerleft2013{bottom:-1.2rem;left:-.5rem}.annotation{margin-top:20px;font-size:16px}}