File size: 1,523 Bytes
7765840 1b86b44 f41e6b3 05d1a10 1b86b44 f41e6b3 7765840 05d1a10 f41e6b3 7765840 08fa787 f41e6b3 05d1a10 f41e6b3 2a60bf4 f41e6b3 7765840 f586f0e f41e6b3 7765840 f41e6b3 7765840 4fbca64 21e3f46 7765840 1b86b44 7765840 f41e6b3 2a60bf4 7765840 21e3f46 2a60bf4 7765840 08fa787 f41e6b3 7765840 2a60bf4 f41e6b3 7765840 f41e6b3 f5a5d03 f41e6b3 2a60bf4 f41e6b3 7765840 2a60bf4 f41e6b3 7765840 91bbfc3 f41e6b3 7765840 f41e6b3 2a60bf4 7765840 25aafa1 e4c33bc 1b86b44 08fa787 f41e6b3 7765840 9bede96 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 |
/* General Styling */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background-color: #f5f5f5;
overflow: auto;
}
.container {
background: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
width: 100%;
max-width: 400px;
}
header h1 {
text-align: center;
margin-bottom: 20px;
color: #333;
}
.form-group {
margin-bottom: 15px;
}
label {
display: block;
margin-bottom: 8px;
color: #555;
}
.select2-container {
width: 100% !important;
}
#swapButton {
background-color: #87CEFA;
border: none;
border-radius: 50%;
padding: 12px;
font-size: 20px;
color: white;
cursor: pointer;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: background-color 0.3s ease;
}
#swapButton:hover {
background-color: #5faad7;
}
.convert-button {
background-color: #87CEFA;
border: none;
border-radius: 8px;
padding: 12px 20px;
font-size: 18px;
color: white;
font-weight: bold;
cursor: pointer;
width: 100%;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: background-color 0.3s ease;
}
.convert-button:hover {
background-color: #5faad7;
}
.result-box {
margin-top: 15px;
padding: 10px;
font-size: 16px;
color: #333;
text-align: center;
background-color: #f9f9f9;
border: 1px solid #ddd;
border-radius: 4px;
}
footer {
text-align: center;
margin-top: 20px;
font-size: 14px;
color: #333;
}
|