* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  cursor: none;
}

section,
.calculator-content,
.content{
  position: relative;
  overflow: visible;
}
.cursor {
  position: fixed;
  width: 3.5%;
  height: 3.5%;
  border-radius: 50%;
  background: url("homeImages/Cursor-pointer_power-switch_black.png") center/contain no-repeat;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: width 0.2s, height 0.2s, background 0.2s, box-shadow 0.2s ease;
  z-index: 9999;
}

#kalkulator {
  font-family: "Outfit", sans-serif;
  color: #fff9e6;
  background-color: #3c3c3c;
  overflow: hidden;
  animation: fadeIn 1.2s ease-out;
  cursor: none;
}

.calculator-content, .content {
  display: flex;
  height: 100vh;
  padding: 5rem 0;
  position: relative;
}

.center {
  justify-content: center;
}

.calculator {
  color: black;
  background: white;
  padding: 2rem;
  margin-top: 5%;
  min-width: 25vw;
  width: 100%;
  height: 100%;
  max-height: 80vh;
  font-family: "Patrick_Hand", sans-serif;
  overflow-y: auto;
  scrollbar-width: auto;

  clip-path: polygon(
  0% 0%, 0% 100%,
  2% 98%, 4% 100%,
  6% 98%, 8% 100%,
  10% 98%, 12% 100%,
  14% 98%, 16% 100%,
  18% 98%, 20% 100%,
  22% 98%, 24% 100%,
  26% 98%, 28% 100%,
  30% 98%, 32% 100%,
  34% 98%, 36% 100%,
  38% 98%, 40% 100%,
  42% 98%, 44% 100%,
  46% 98%, 48% 100%,
  50% 98%, 52% 100%,
  54% 98%, 56% 100%,
  58% 98%, 60% 100%,
  62% 98%, 64% 100%,
  66% 98%, 68% 100%,
  70% 98%, 72% 100%,
  74% 98%, 76% 100%,
  78% 98%, 80% 100%,
  82% 98%, 84% 100%,
  86% 98%, 88% 100%,
  90% 98%, 92% 100%,
  94% 98%, 96% 100%,
  98% 98%, 100% 100%,
  100% 0%
);

}

.calculator > h1 {
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 2rem;
  text-wrap: nowrap;
}

label {
  display: block;
  margin-top: 1rem;
  font-weight: bold;
  font-size: 0.8rem;
  white-space: nowrap;
}

input[type="number"] {
  width: 100%;
  padding: 0.5rem;
  margin-top: 0.25rem;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.checkbox-group {
  margin-top: 1rem;
}

.checkbox-group label {
  font-weight: normal;
  display: block;
  margin-top: 0.5rem;
}

.note {
  font-size: 0.85rem;
  color: #555;
  margin-top: 0.5rem;
}

.container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}

.words-left, .words-right {
  font-weight: bold;
  width: 35vw;
  margin-top: 10%;
}

.word {
  position: relative;
  font-size: 3rem;
  color: white;
}

.word > img {
  width: 8vw;
  height: auto;
}

.floating-word {
  display: inline-block;
  animation: float 6s ease-in-out infinite;
}

.floating-picture {
  display: inline-block;
  animation: float 6s ease-in-out infinite;
  max-width: 150px;
  height: 100%;
}

@keyframes float {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-20px); }
  100% { transform: translateY(0px); }
}

.striked::after {
  content: "";
  position: absolute;
  left: -10%;
  width: 120%;
  height: 80px;
  bottom: -50%;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8" %3F><svg baseProfile="full" height="1024px" version="1.1" width="1536px" xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink"><defs /><polygon fill="red" points="125.0,316.0 125.0,317.0 126.0,318.0 126.0,319.0 127.0,320.0 127.0,321.0 128.0,322.0 128.0,327.0 127.0,328.0 127.0,329.0 126.0,330.0 126.0,331.0 116.0,341.0 115.0,341.0 114.0,342.0 112.0,342.0 111.0,343.0 110.0,343.0 109.0,344.0 108.0,344.0 107.0,345.0 106.0,345.0 106.0,346.0 107.0,346.0 108.0,347.0 109.0,347.0 110.0,348.0 111.0,348.0 112.0,349.0 113.0,349.0 115.0,351.0 116.0,351.0 119.0,354.0 119.0,356.0 120.0,357.0 120.0,359.0 125.0,364.0 125.0,365.0 126.0,366.0 126.0,367.0 127.0,368.0 127.0,375.0 133.0,381.0 133.0,383.0 132.0,384.0 132.0,385.0 131.0,386.0 131.0,387.0 130.0,388.0 130.0,389.0 129.0,390.0 129.0,391.0 127.0,393.0 127.0,394.0 124.0,397.0 124.0,398.0 117.0,405.0 116.0,405.0 114.0,407.0 113.0,407.0 111.0,409.0 110.0,409.0 108.0,411.0 107.0,411.0 107.0,412.0 106.0,413.0 106.0,414.0 105.0,415.0 105.0,416.0 102.0,419.0 103.0,420.0 104.0,420.0 105.0,421.0 106.0,421.0 107.0,422.0 108.0,422.0 109.0,423.0 110.0,423.0 111.0,424.0 113.0,424.0 114.0,425.0 116.0,425.0 118.0,427.0 119.0,427.0 121.0,429.0 121.0,430.0 126.0,435.0 126.0,439.0 127.0,440.0 127.0,442.0 128.0,443.0 128.0,445.0 127.0,446.0 127.0,448.0 126.0,449.0 126.0,452.0 127.0,453.0 128.0,453.0 129.0,454.0 130.0,454.0 132.0,456.0 132.0,457.0 133.0,458.0 133.0,461.0 135.0,463.0 136.0,463.0 137.0,464.0 138.0,464.0 141.0,467.0 141.0,468.0 142.0,469.0 142.0,470.0 135.0,477.0 134.0,477.0 133.0,478.0 132.0,478.0 128.0,482.0 128.0,483.0 127.0,484.0 127.0,485.0 121.0,491.0 121.0,492.0 120.0,493.0 120.0,495.0 126.0,495.0 128.0,497.0 128.0,498.0 127.0,499.0 127.0,500.0 118.0,509.0 118.0,510.0 115.0,513.0 114.0,513.0 113.0,514.0 112.0,514.0 111.0,515.0 110.0,515.0 109.0,516.0 108.0,516.0 107.0,517.0 106.0,517.0 105.0,518.0 104.0,518.0 102.0,520.0 101.0,520.0 100.0,521.0 98.0,521.0 97.0,522.0 96.0,522.0 94.0,524.0 93.0,524.0 92.0,525.0 91.0,525.0 90.0,526.0 89.0,526.0 90.0,527.0 91.0,527.0 93.0,529.0 94.0,529.0 95.0,530.0 96.0,530.0 97.0,531.0 98.0,531.0 100.0,533.0 101.0,533.0 102.0,534.0 103.0,534.0 105.0,536.0 106.0,536.0 108.0,538.0 109.0,538.0 112.0,541.0 111.0,542.0 111.0,543.0 112.0,544.0 112.0,547.0 113.0,548.0 113.0,549.0 116.0,552.0 117.0,552.0 119.0,554.0 120.0,554.0 121.0,555.0 122.0,555.0 125.0,558.0 125.0,561.0 122.0,564.0 121.0,564.0 111.0,574.0 111.0,575.0 106.0,580.0 105.0,580.0 103.0,582.0 102.0,582.0 99.0,585.0 98.0,585.0 96.0,587.0 94.0,587.0 93.0,588.0 92.0,588.0 91.0,589.0 89.0,589.0 88.0,590.0 87.0,590.0 85.0,592.0 85.0,594.0 87.0,596.0 89.0,596.0 90.0,597.0 92.0,597.0 94.0,599.0 95.0,599.0 96.0,600.0 97.0,600.0 99.0,602.0 100.0,602.0 102.0,604.0 103.0,604.0 104.0,605.0 105.0,605.0 106.0,606.0 106.0,607.0 109.0,610.0 110.0,610.0 112.0,612.0 113.0,612.0 114.0,613.0 115.0,613.0 118.0,616.0 118.0,617.0 119.0,618.0 119.0,619.0 121.0,621.0 121.0,622.0 122.0,623.0 123.0,623.0 126.0,626.0 127.0,626.0 129.0,628.0 129.0,631.0 133.0,635.0 133.0,641.0 125.0,649.0 124.0,649.0 122.0,651.0 121.0,651.0 118.0,654.0 117.0,654.0 116.0,655.0 117.0,656.0 117.0,657.0 118.0,658.0 118.0,659.0 119.0,660.0 119.0,661.0 122.0,664.0 122.0,668.0 121.0,669.0 121.0,670.0 116.0,675.0 116.0,676.0 107.0,685.0 107.0,686.0 104.0,689.0 104.0,690.0 101.0,693.0 101.0,694.0 100.0,695.0 100.0,696.0 97.0,699.0 97.0,700.0 91.0,706.0 92.0,707.0 105.0,707.0 106.0,706.0 134.0,706.0 135.0,705.0 146.0,705.0 147.0,706.0 150.0,706.0 151.0,705.0 163.0,705.0 164.0,704.0 170.0,704.0 171.0,705.0 188.0,705.0 189.0,704.0 192.0,704.0 193.0,703.0 195.0,703.0 196.0,704.0 207.0,704.0 208.0,705.0 237.0,705.0 238.0,706.0 281.0,706.0 282.0,705.0 312.0,705.0 313.0,704.0 317.0,704.0 318.0,705.0 332.0,705.0 333.0,706.0 345.0,706.0 346.0,705.0 357.0,705.0 358.0,704.0 391.0,704.0 392.0,705.0 393.0,705.0 394.0,706.0 407.0,706.0 408.0,705.0 412.0,705.0 413.0,704.0 428.0,704.0 429.0,705.0 443.0,705.0 444.0,706.0 446.0,706.0 447.0,705.0 450.0,705.0 451.0,704.0 462.0,704.0 463.0,703.0 480.0,703.0 481.0,704.0 498.0,704.0 499.0,705.0 539.0,705.0 540.0,706.0 585.0,706.0 586.0,705.0 596.0,705.0 597.0,704.0 602.0,704.0 603.0,703.0 608.0,703.0 609.0,704.0 628.0,704.0 629.0,703.0 630.0,703.0 631.0,704.0 660.0,704.0 661.0,703.0 692.0,703.0 693.0,704.0 727.0,704.0 728.0,703.0 729.0,704.0 735.0,704.0 736.0,705.0 759.0,705.0 760.0,706.0 776.0,706.0 777.0,707.0 810.0,707.0 811.0,706.0 822.0,706.0 823.0,707.0 848.0,707.0 849.0,706.0 850.0,706.0 851.0,707.0 869.0,707.0 870.0,708.0 879.0,708.0 880.0,707.0 889.0,707.0 890.0,706.0 911.0,706.0 912.0,705.0 918.0,705.0 919.0,704.0 942.0,704.0 943.0,705.0 951.0,705.0 952.0,706.0 971.0,706.0 972.0,707.0 973.0,707.0 974.0,706.0 982.0,706.0 983.0,705.0 989.0,705.0 990.0,706.0 1000.0,706.0 1001.0,707.0 1008.0,707.0 1009.0,706.0 1013.0,706.0 1014.0,705.0 1032.0,705.0 1033.0,704.0 1038.0,704.0 1039.0,703.0 1049.0,703.0 1050.0,702.0 1056.0,702.0 1057.0,703.0 1074.0,703.0 1075.0,704.0 1096.0,704.0 1097.0,703.0 1108.0,703.0 1109.0,704.0 1112.0,704.0 1113.0,705.0 1127.0,705.0 1128.0,706.0 1132.0,706.0 1133.0,705.0 1134.0,706.0 1139.0,706.0 1140.0,705.0 1143.0,705.0 1144.0,704.0 1147.0,704.0 1148.0,703.0 1152.0,703.0 1153.0,704.0 1164.0,704.0 1165.0,705.0 1174.0,705.0 1175.0,706.0 1205.0,706.0 1206.0,707.0 1233.0,707.0 1234.0,706.0 1265.0,706.0 1266.0,707.0 1286.0,707.0 1287.0,706.0 1313.0,706.0 1314.0,705.0 1329.0,705.0 1330.0,704.0 1351.0,704.0 1352.0,703.0 1362.0,703.0 1363.0,704.0 1376.0,704.0 1377.0,705.0 1391.0,705.0 1392.0,706.0 1405.0,706.0 1406.0,707.0 1408.0,707.0 1409.0,708.0 1429.0,708.0 1430.0,709.0 1438.0,709.0 1438.0,706.0 1434.0,702.0 1433.0,702.0 1431.0,700.0 1430.0,700.0 1424.0,694.0 1424.0,693.0 1423.0,692.0 1423.0,687.0 1422.0,686.0 1422.0,685.0 1421.0,685.0 1420.0,684.0 1419.0,684.0 1418.0,683.0 1417.0,683.0 1414.0,680.0 1413.0,680.0 1410.0,677.0 1409.0,677.0 1404.0,672.0 1404.0,671.0 1399.0,666.0 1397.0,666.0 1393.0,662.0 1393.0,659.0 1394.0,658.0 1394.0,657.0 1395.0,656.0 1396.0,656.0 1396.0,655.0 1397.0,654.0 1397.0,653.0 1396.0,652.0 1396.0,650.0 1402.0,644.0 1403.0,644.0 1404.0,643.0 1404.0,641.0 1401.0,638.0 1401.0,634.0 1408.0,627.0 1409.0,627.0 1411.0,625.0 1412.0,625.0 1413.0,624.0 1413.0,623.0 1429.0,607.0 1431.0,607.0 1433.0,605.0 1430.0,602.0 1429.0,602.0 1426.0,599.0 1425.0,599.0 1420.0,594.0 1419.0,594.0 1417.0,592.0 1416.0,592.0 1413.0,589.0 1412.0,589.0 1411.0,588.0 1410.0,588.0 1409.0,587.0 1408.0,587.0 1407.0,586.0 1406.0,586.0 1404.0,584.0 1404.0,581.0 1403.0,580.0 1403.0,579.0 1399.0,575.0 1398.0,575.0 1396.0,573.0 1396.0,572.0 1390.0,566.0 1390.0,564.0 1391.0,563.0 1391.0,560.0 1398.0,553.0 1399.0,553.0 1401.0,551.0 1402.0,551.0 1403.0,550.0 1404.0,550.0 1406.0,548.0 1407.0,548.0 1412.0,543.0 1412.0,541.0 1405.0,534.0 1404.0,534.0 1401.0,531.0 1401.0,530.0 1400.0,529.0 1400.0,524.0 1401.0,523.0 1401.0,522.0 1421.0,502.0 1422.0,502.0 1431.0,493.0 1432.0,493.0 1434.0,491.0 1435.0,491.0 1435.0,489.0 1434.0,489.0 1433.0,488.0 1432.0,488.0 1429.0,485.0 1428.0,485.0 1426.0,483.0 1425.0,483.0 1423.0,481.0 1422.0,481.0 1421.0,480.0 1418.0,480.0 1417.0,479.0 1417.0,477.0 1416.0,476.0 1416.0,475.0 1415.0,474.0 1415.0,473.0 1411.0,469.0 1410.0,469.0 1408.0,467.0 1407.0,467.0 1403.0,463.0 1402.0,463.0 1398.0,459.0 1398.0,458.0 1397.0,457.0 1397.0,456.0 1396.0,455.0 1396.0,454.0 1395.0,454.0 1393.0,452.0 1392.0,452.0 1390.0,450.0 1390.0,449.0 1391.0,448.0 1391.0,447.0 1392.0,446.0 1392.0,445.0 1394.0,443.0 1394.0,442.0 1397.0,439.0 1398.0,439.0 1399.0,438.0 1402.0,438.0 1404.0,436.0 1404.0,435.0 1405.0,434.0 1405.0,433.0 1406.0,432.0 1406.0,430.0 1407.0,429.0 1407.0,425.0 1406.0,424.0 1410.0,420.0 1411.0,420.0 1413.0,418.0 1414.0,418.0 1416.0,416.0 1417.0,416.0 1418.0,415.0 1419.0,415.0 1421.0,413.0 1422.0,413.0 1425.0,410.0 1426.0,410.0 1429.0,407.0 1430.0,407.0 1433.0,404.0 1433.0,403.0 1432.0,402.0 1432.0,401.0 1431.0,400.0 1431.0,399.0 1430.0,398.0 1430.0,397.0 1429.0,397.0 1427.0,395.0 1426.0,395.0 1424.0,393.0 1423.0,393.0 1422.0,392.0 1421.0,392.0 1419.0,390.0 1418.0,390.0 1416.0,388.0 1415.0,388.0 1413.0,386.0 1412.0,386.0 1410.0,384.0 1409.0,384.0 1408.0,383.0 1407.0,383.0 1406.0,382.0 1404.0,382.0 1399.0,377.0 1399.0,372.0 1401.0,370.0 1401.0,369.0 1405.0,365.0 1405.0,364.0 1406.0,363.0 1407.0,363.0 1410.0,360.0 1410.0,359.0 1409.0,359.0 1408.0,358.0 1407.0,358.0 1404.0,355.0 1404.0,354.0 1405.0,353.0 1405.0,352.0 1408.0,349.0 1408.0,348.0 1409.0,347.0 1410.0,347.0 1411.0,346.0 1411.0,345.0 1416.0,340.0 1417.0,340.0 1419.0,338.0 1420.0,338.0 1428.0,330.0 1428.0,329.0 1429.0,328.0 1429.0,327.0 1430.0,326.0 1430.0,325.0 1432.0,323.0 1432.0,322.0 1433.0,321.0 1433.0,320.0 1402.0,320.0 1401.0,319.0 1389.0,319.0 1388.0,320.0 1365.0,320.0 1364.0,319.0 1337.0,319.0 1336.0,320.0 1334.0,320.0 1333.0,319.0 1329.0,319.0 1328.0,318.0 1327.0,318.0 1326.0,319.0 1305.0,319.0 1304.0,318.0 1282.0,318.0 1281.0,319.0 1277.0,319.0 1276.0,320.0 1275.0,320.0 1274.0,319.0 1240.0,319.0 1239.0,318.0 1227.0,318.0 1226.0,317.0 1221.0,317.0 1220.0,318.0 1219.0,318.0 1218.0,317.0 1204.0,317.0 1203.0,318.0 1173.0,318.0 1172.0,319.0 1159.0,319.0 1158.0,320.0 1151.0,320.0 1150.0,319.0 1122.0,319.0 1121.0,318.0 1114.0,318.0 1113.0,319.0 1112.0,318.0 1111.0,318.0 1110.0,319.0 1109.0,319.0 1108.0,318.0 1095.0,318.0 1094.0,319.0 1091.0,319.0 1090.0,318.0 1083.0,318.0 1082.0,319.0 1063.0,319.0 1062.0,320.0 1057.0,320.0 1056.0,319.0 1045.0,319.0 1044.0,318.0 1010.0,318.0 1009.0,319.0 1008.0,319.0 1007.0,318.0 1006.0,319.0 1005.0,318.0 1001.0,318.0 1000.0,319.0 987.0,319.0 986.0,320.0 967.0,320.0 966.0,321.0 965.0,321.0 964.0,320.0 955.0,320.0 954.0,319.0 950.0,319.0 949.0,320.0 935.0,320.0 934.0,321.0 909.0,321.0 908.0,320.0 902.0,320.0 901.0,319.0 886.0,319.0 885.0,320.0 874.0,320.0 873.0,321.0 866.0,321.0 865.0,320.0 859.0,320.0 858.0,319.0 855.0,319.0 854.0,320.0 850.0,320.0 849.0,321.0 816.0,321.0 815.0,320.0 805.0,320.0 804.0,319.0 787.0,319.0 786.0,318.0 745.0,318.0 744.0,319.0 702.0,319.0 701.0,318.0 657.0,318.0 656.0,319.0 645.0,319.0 644.0,318.0 642.0,318.0 641.0,319.0 636.0,319.0 635.0,318.0 610.0,318.0 609.0,317.0 562.0,317.0 561.0,316.0 553.0,316.0 552.0,317.0 545.0,317.0 544.0,316.0 524.0,316.0 523.0,317.0 521.0,317.0 520.0,316.0 512.0,316.0 511.0,317.0 497.0,317.0 496.0,318.0 493.0,318.0 492.0,317.0 486.0,317.0 485.0,318.0 480.0,318.0 479.0,319.0 478.0,319.0 477.0,318.0 467.0,318.0 466.0,319.0 463.0,319.0 462.0,318.0 450.0,318.0 449.0,319.0 421.0,319.0 420.0,320.0 414.0,320.0 413.0,321.0 400.0,321.0 399.0,320.0 396.0,320.0 395.0,319.0 392.0,319.0 391.0,318.0 385.0,318.0 384.0,317.0 376.0,317.0 375.0,316.0 367.0,316.0 366.0,317.0 332.0,317.0 331.0,316.0 314.0,316.0 313.0,317.0 301.0,317.0 300.0,318.0 299.0,317.0 298.0,318.0 279.0,318.0 278.0,317.0 270.0,317.0 269.0,316.0 268.0,317.0 261.0,317.0 260.0,316.0 252.0,316.0 251.0,317.0 245.0,317.0 244.0,316.0 214.0,316.0 213.0,317.0 208.0,317.0 207.0,318.0 177.0,318.0 176.0,317.0 170.0,317.0 169.0,316.0 143.0,316.0 142.0,317.0 139.0,317.0 138.0,316.0 130.0,316.0 129.0,317.0 127.0,317.0 126.0,316.0" stroke="none" /></svg>');
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
  transform: rotate(170deg);
  opacity: .55;
}

.word-top-left {
  transform: rotate(-20deg);
  margin-left: 35%;
}

.plug-top-left {
  margin-top: 10%;
}

.plug-bottom-left {
  margin-left: 40%;
}

.plug-right {
  margin-left: 25%;
}

.word-bottom-left1 {
  margin-left: 45%;
  transform: rotate(30deg);
}

.word-bottom-left2 {
  margin-left: 15%;
  transform: rotate(-10deg);      
}

.word-top-right {
  margin-left: 10%;
  transform: rotate(5deg);
}

.word-center-right1 {
  margin-top: 10%;
  margin-left: 60%;
  transform: rotate(25deg);
}

.word-center-right2 {
  margin-top: 10%;
  margin-left: 10%;
  transform: rotate(-40deg);
}

.word-bottom-right {
  margin-top: 20%;
  margin-left: 60%;
  transform: rotate(-10deg);
}

.calculate-button {
  width: 100px;
  height: auto;
  margin: 0;
}

.arr-znanstvenjak {
  width: 45px;
  height:45px;
  position: absolute;
  left: 50%;
  bottom: 2%;
  animation: bounce 2s infinite;
  display: none; /* Hide navigation arrows on main site */
  filter: drop-shadow(0 0 6px rgba(0,0,0,0.4));
  cursor: none;
}



#calculator-result-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: transparent;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  pointer-events: none;
}

#calculator-result-popup.active {
  display: flex;
  pointer-events: auto;
}

#calculator-popup {
  pointer-events: auto;
}

#calculator-popup {
  position: relative;
  width: auto;
  max-width: 900px;
  height: auto;
  background: #fff8f0;
  backdrop-filter: blur(10px);
  padding: 40px 60px;
  border-radius: 40px;
  box-shadow:
          0 0 20px rgba(255, 166, 0, 0.4),
          0 0 40px rgba(255, 105, 180, 0.4),
          0 0 60px rgba(135, 206, 250, 0.3);
  color: #222;
  font-size: 1.2em;
  text-align: center;
  z-index: 10001;
}

#calculator-popup-content {
  font-size: 1.4em;
  line-height: 1.8;
  color: #333;
  text-align: left;
  max-height: 80vh;
  overflow-y: auto;
  padding: 20px;
}

@keyframes popupEntrance {
  from { transform: scale(0.85); opacity: 0; }
  to   { transform: scale(1); opacity: 1; }
}

#calculator-result-popup.active #calculator-popup {
  animation: popupEntrance 0.4s ease-out;
}

.close-btn-calculator {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 3em;
  font-weight: bold;
  color: #555;
  background: none;
  border: none;
  cursor: pointer;
  transition: color 0.3s ease, transform 0.3s ease;
}

.close-btn-calculator:hover {
  color: #f8a3c4;
  transform: scale(1.6) rotate(8deg);
}


#calculator-popup-content::-webkit-scrollbar {
  width: 10px;
}

#calculator-popup-content::-webkit-scrollbar-track {
  background: #ffe6f0;
  border-radius: 10px;
}

#calculator-popup-content::-webkit-scrollbar-thumb {
  background: #f8a3c4;
  border-radius: 10px;
  border: 2px solid #ffe6f0;
}

#calculator-popup-content::-webkit-scrollbar-thumb:hover {
  background: #f48bb8;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .calculator {
    padding: 2rem;
    margin-top: 0% !important;
    min-width: 60vw;
    max-height: 650px;
  }

  .calculator > h1 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    text-wrap: nowrap;
  }

  label {
    margin-top: 0.5rem;
  }

  .words-left, .words-right {
    display: none;
  }

  .calculate-button {
    width: 120px;
    height: auto;
    margin-top: 15%;
  }

  #calculator-popup {
    padding: 40px 15px;
  }

  #calculator-popup-content {
    font-size: 1.0em;
    line-height: 1.8;
    color: #333;
    text-align: left;
    max-height: 80vh;
    overflow-y: auto;
    padding: 10px;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .calculator {
    padding: 2rem;
    margin-top: 20%;
    min-width: 25vw;
    max-height: 600px;
  }

  .calculator > h1 {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    text-wrap: nowrap;
  }

  label {
    margin-top: 1rem;
  }

  .words-left, .words-right {
     display: none;
   }

  .calculate-button {
    width: 120px;
    height: auto;
  }

  #calculator-popup-content {
    font-size: 1.0em;
    line-height: 1.8;
    color: #333;
    text-align: left;
    max-height: 80vh;
    overflow-y: auto;
    padding: 10px;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .calculator {
    padding: 2rem;
    margin-top: 20%;
    min-width: 30vw;
    max-height: 650px;
  }

  .calculator > h1 {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    text-wrap: nowrap;
  }

  label {
    margin-top: 1rem;
  }

  .words-left, .words-right {
    display: block;
    width: 30vw;
    margin-top: 20%;
  }

  .word {
    font-size: 1.4rem;
  }

  .word-center-right1 {
    margin-top: 10%;
    margin-left: 50%;
  }

  .striked::after {
    height: 60px;
  }

  .calculate-button {
    width: 110px;
    height: auto;
  }

  #calculator-popup-content {
    font-size: 1.0em;
    line-height: 1.8;
    color: #333;
    text-align: left;
    max-height: 80vh;
    overflow-y: auto;
    padding: 10px;
  }
}

/* Medium devices (landscape tablets, 870 and up) */
@media only screen and (min-width: 870px) {
  .calculator {
    padding: 2rem;
    margin-top: 15%;
    min-width: 30vw;
    min-height: 60vh;
  }

  .calculator > h1 {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    text-wrap: nowrap;
  }

  label {
    margin-top: 1rem;
  }

  .words-left, .words-right {
    width: 30vw;
    margin-top: 20%;
  }

  .word {
    font-size: 1.7rem;
  }

  .word-center-right1 {
    margin-top: 10%;
    margin-left: 50%;
  }

  .striked::after {
    height: 60px;
  }

  .calculate-button {
     width: 110px;
     height: auto;
   }

  #calculator-popup-content {
    font-size: 1.0em;
    line-height: 1.8;
    color: #333;
    text-align: left;
    max-height: 80vh;
    overflow-y: auto;
    padding: 10px;
  }
}


/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .calculator {
    padding: 2rem;
    margin-top: 20%;
    min-width: 30vw;
    min-height: 60vh;
  }

  .calculator > h1 {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    text-wrap: nowrap;
  }

  label {
    margin-top: 1rem;
  }

  .words-left, .words-right {
    width: 30vw;
    margin-top: 20%;
  }

  .word {
    font-size: 2rem;
  }

  .word-center-right1 {
    margin-top: 10%;
    margin-left: 50%;
  }

  .striked::after {
    height: 60px;
  }

  .calculate-button {
    width: 130px;
    height: auto;
  }

  #calculator-popup-content {
    font-size: 1.1em;
    line-height: 1.8;
    color: #333;
    text-align: left;
    max-height: 80vh;
    overflow-y: auto;
    padding: 10px;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .calculator {
    padding: 2rem;
    margin-top: 5%;
    min-width: 25vw;
    min-height: 60vh;
  }

  .calculator > h1 {
    font-size: 1.1rem;
    margin-bottom: 2rem;
    text-wrap: nowrap;
  }

  label {
    margin-top: 1rem;
  }

  .words-left, .words-right {
    width: 35vw;
    margin-top: 5%;
  }

  .word {
    font-size: 2.2rem;
  }

  .striked::after {
    height: 70px;
  }

  .word-center-right1 {
    margin-top: 10%;
    margin-left: 55%;
  }

  .calculate-button {
    width: 110px;
    height: auto;
  }

  #calculator-popup-content {
    font-size: 1.2em;
    line-height: 1.8;
    color: #333;
    text-align: left;
    max-height: 80vh;
    overflow-y: auto;
    padding: 20px;
  }

}

/* Extra large devices (large laptops and desktops, 1500px and up) */
@media only screen and (min-width: 1500px) {

  .calculator > h1 {
    font-size: 1.1rem;
    margin-bottom: 2rem;
    text-wrap: nowrap;
  }

  label {
    margin-top: 1rem;
  }

  .words-left, .words-right {
    width: 35vw;
    margin-top: 5%;
  }

  .word {
    font-size: 2.2rem;
  }

  .striked::after {
    height: 70px;
  }

  .word-center-right1 {
    margin-top: 10%;
    margin-left: 55%;
  }

  .calculate-button {
    width: 110px;
    height: auto;
  }
  .calculator {
    padding: 2rem;
    margin-top: 5%;
    min-width: 25vw;
    min-height: 60vh;
  }

  .calculator > h1 {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    text-wrap: nowrap;
  }

  label {
    margin-top: 1rem;
  }

  .words-left, .words-right {
    width: 35vw;
    margin-top: 5%;
  }

  .word {
    font-size: 2.5rem;
  }

  .striked::after {
    height: 80px;
  }

  .word-center-right1 {
    margin-top: 10%;
    margin-left: 60%;
  }

  .calculate-button {
    width: 130px;
    height: auto;
  }

  #calculator-popup-content {
    font-size: 1.3em;
    line-height: 1.8;
    color: #333;
    text-align: left;
    max-height: 80vh;
    overflow-y: auto;
    padding: 20px;
  }

}

/* Extra large devices (large laptops and desktops, 1700px and up) */
@media only screen and (min-width: 1700px) {
  .calculator {
    padding: 2rem;
    margin-top: 15%;
    min-width: 25vw;
    min-height: 60vh;
  }

  .calculator > h1 {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    text-wrap: nowrap;
  }

  label {
    margin-top: 1rem;
  }

  .words-left, .words-right {
    width: 35vw;
    margin-top: 5%;
  }

  .word {
    font-size: 3rem;
  }

  .calculate-button {
    width: 130px;
    height: auto;
  }

  #calculator-popup-content {
    font-size: 1.4em;
    line-height: 1.8;
    color: #333;
    text-align: left;
    max-height: 80vh;
    overflow-y: auto;
    padding: 20px;
  }
}