@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:2;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:1;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{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{animation:200s linear infinite scrollleft;top:0;left:0}@keyframes scrollleft{0%{transform:translate(0)}to{transform:translate(-50%)}}#track2{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 (orientation:portrait){body{transform:scale(.3)}}