body{margin:0;background:#000}details[open]>summary{padding-bottom:10px}.title{font-family:Helvetica,Arial,sans-serif;font-size:24px;color:#fff;margin-top:50px}.paragraph{font-family:Helvetica,Arial,sans-serif;font-size:18px;color:#fff;margin-top:50px;line-height:30px;text-align:center}.bold{font-weight:700}.calculator-container,.title-container,.paragraph-container{display:flex;align-items:center;justify-content:center}.background-container{position:relative;width:50%;height:75vh;background-size:cover;display:flex;justify-content:space-evenly;align-items:center;flex-direction:row}.form-container{font-family:Helvetica,Arial,sans-serif;position:relative;background:#3f3a3a;padding:20px;border-radius:10px;box-shadow:0 4px 8px #ffffff80;color:#fff;width:90%;max-width:400px;margin-top:20px}.checkbox-group{line-height:1px;margin-bottom:15px;font-size:14px}.select-group{font-size:14px;display:flex;flex-direction:column}.label-container{display:flex;align-items:center;width:100%}.select-label{display:flex;align-items:center;margin-bottom:5px}.label-text{min-width:100px;margin-right:10px}select{width:50px}.red{color:#b80303;margin-bottom:0}.green{color:green;margin-bottom:0}.total-container{margin-top:20px;font-weight:700;font-size:18px}.additional-text{margin-top:5px;font-size:14px}header{display:flex;align-items:center;gap:20px;padding:10px;background:#3f3a3a}.logo img{max-width:100px;height:auto;margin-top:0}nav ul{list-style-type:none;margin:0;padding:0;display:flex}nav li{margin-left:50px}nav li a{text-decoration:none;color:#fff;font-size:18px}nav li a:hover{color:#ffc107}img{max-width:200px;height:auto;border:2px solid white;border-radius:10px;box-shadow:0 4px 8px #ffffff80;margin-top:20px}@media (max-width: 768px){.background-container{flex-direction:column;height:auto}.form-container{margin-top:0}img{margin-bottom:20px}}.world-records-page{padding:20px;color:#f5f5f5;font-family:Arial,sans-serif}h1{text-align:center;margin-bottom:30px}.records-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:50px;margin-right:10%;margin-left:10%}.content-card{background-color:#2e2e2e;border:2px solid #6c757d;border-radius:10px;overflow:hidden;position:relative;box-shadow:0 4px 6px #0003;transition:transform .2s,box-shadow .2s}.record-card:hover{transform:scale(1.05);box-shadow:0 8px 10px #0000004d}.card-header{height:120px;position:relative;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;text-shadow:0px 0px 8px rgba(0,0,0,.8);color:#fff;font-weight:700;font-size:18px}.card-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:0}.card-header>*{position:relative;z-index:1}.card-body{padding:15px}.record-card{background-color:#333;border:2px solid #444444;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000004d;transition:transform .2s ease,box-shadow .2s ease;padding:10px;margin:10px 0}.record-card:hover{transform:scale(1.05);box-shadow:0 8px 12px #0006}.record-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px}.record-row p{margin:0;color:#f5f5f5;font-size:13px}.medal-gold{border:2px solid gold;border-color:#fc0}.medal-silver{border:2px solid silver;border-color:silver}.medal-bronze{border:2px solid #cd7f32;border-color:#cd7f32}summary{cursor:pointer;color:#81d4fa;font-weight:700}ul{margin:0;padding-left:20px}li{list-style:disc;color:#e0f7fa}@media (max-width: 768px){.records-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}