12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- *{
- box-sizing: border-box;
- margin: 0;
- }
- .cell{
- border: 2px solid rgb(148, 148, 148);
- padding: 5px;
- margin: 5px;
- }
- section.calc{
- position: relative;
- padding: 100px;
- .form{
- width: 400px;
- padding: 50px 30px;
- margin: 0 auto;
- background-color: rgb(240, 240, 240);
- border-radius: 4px;
- box-shadow: 0px 0.5px 30px 1px rgba(0, 0, 0, .4);
- input, select{
- margin-bottom: 20px;
- width: 100%;
- }
- }
-
- .report{
- display: none;
- position: fixed;
- top: 100px;
- left: 50%;
- transform: translateX(-50%);
- width: 400px;
- padding: 50px 30px;
- margin: 0 auto;
- background-color: rgb(212, 212, 212);
- border-radius: 4px;
- box-shadow: 0px 0.5px 30px 1px rgba(0, 0, 0, .4);
- button{
- margin-top: 50px;
- }
- }
- }
- section.calc-live{
- padding: 100px;
- .form-live{
- width: 400px;
- padding: 50px 30px;
- margin: 0 auto;
- background-color: rgb(240, 240, 240);
- border-radius: 4px;
- box-shadow: 0px 0.5px 30px 1px rgba(0, 0, 0, .4);
- .input-usd, .input-uah{
- margin-bottom: 20px;
- width: 100%;
- }
- }
- }
|