stefanbc/arca

a,.main-container .layout #calculator-wrapper #aspect-ratio-buttons-wrapper .aspect-ratio-button button{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease}.main-container .layout .input-wrapper label{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.main-container .layout,.main-container .layout #calculator-wrapper #values-wrapper #original-values:after{top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}html{height:100%}body{height:100%;background-color:#2A2C2B;font-family:"Lato",sans-serif;font-weight:200;color:#D9CB9E}::-moz-selection{background:#1E1E20}::selection{background:#1E1E20}a{text-decoration:none;color:#D9CB9E}a:hover,a:focus{color:#1E1E20}h2{font-weight:lighter}ul{list-style-type:none;margin:0;padding:0}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.subtitle{font-size:55%;display:block}.main-container{height:100%;width:100%;position:relative}.main-container .layout{position:absolute;background-color:#DC3522;box-shadow:4px 4px 10px 0 #1E1E20;max-width:500px;padding:40px 40px 25px}.main-container .layout .input-wrapper{position:relative}.main-container .layout .input-wrapper:first-child{margin-bottom:50px}.main-container .layout .input-wrapper label{position:absolute;right:0;font-weight:normal}.main-container .layout .input-wrapper input{background-color:transparent;border:none;border-bottom:2px solid #D9CB9E;border-radius:0;color:#D9CB9E;padding:0 25px 0 0;margin:0;font-size:1.5em;height:48px}.main-container .layout #calculator-wrapper #aspect-ratio-buttons-wrapper .aspect-ratio-button button{border:2px solid #D9CB9E;margin:0;color:#D9CB9E}.main-container .layout #calculator-wrapper #aspect-ratio-buttons-wrapper .aspect-ratio-button button:hover,.main-container .layout #calculator-wrapper #aspect-ratio-buttons-wrapper .aspect-ratio-button button:focus{color:#1E1E20;background:#D9CB9E}.main-container .layout #calculator-wrapper #values-wrapper{position:relative;margin:20px 0;padding:5px 0 25px 0}.main-container .layout #calculator-wrapper #values-wrapper #original-values:after{content:"";display:block;border:1px solid #D9CB9E;height:100%;position:absolute}.main-container .layout #calculator-wrapper #values-wrapper #original-values .input-wrapper{margin-right:25px}.main-container .layout #calculator-wrapper #values-wrapper #new-values .input-wrapper{margin-left:25px}.main-container .layout #calculator-wrapper #aspect-ratio-suggestion{font-size:1.5em;vertical-align:middle;padding:0 10px;border-bottom:2px dotted #D9CB9E;min-width:40px;height:36px;display:inline-block;text-align:center}.main-container .layout #calculator-wrapper #reset-button{text-align:center;font-size:1.3em;cursor:pointer;line-height:36px}.main-container .layout #info-wrapper{display:none;min-height:292px;max-height:292px}.main-container .layout #info-wrapper #version{font-size:40%;padding-left:5px}.main-container .layout footer{margin-top:35px;font-size:.9em;position:relative}.main-container .layout footer #info-button{font-size:32px;cursor:help}@media (max-width: 480px){.main-container .layout{max-width:320px;padding:40px 20px 25px}.main-container .layout .input-wrapper:first-child{margin-bottom:0}.main-container .layout #calculator-wrapper #aspect-ratio-buttons-wrapper .aspect-ratio-button{margin-bottom:10px}.main-container .layout #calculator-wrapper #values-wrapper{margin:0;padding:0}.main-container .layout #calculator-wrapper #values-wrapper #original-values{margin-bottom:15px}.main-container .layout #calculator-wrapper #values-wrapper #original-values:after{display:none}.main-container .layout #calculator-wrapper #values-wrapper #original-values .input-wrapper{margin-right:0}.main-container .layout #calculator-wrapper #values-wrapper #new-values{margin-bottom:15px}.main-container .layout #calculator-wrapper #values-wrapper #new-values .input-wrapper{margin-left:0}.main-container .layout #calculator-wrapper #reset-button{border:2px solid #D9CB9E;border-radius:4px;margin-top:10px}.main-container .layout footer{margin-top:0}}