@import"https://fonts.googleapis.com/css2?family=Overpass:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap";*{margin:0;padding:0}body{background-color:#17b169}.bodyContainer{height:600px;width:650px;border-radius:4px;border:1px solid black;background-color:#92d293;box-shadow:0 4px 8px #0003,0 6px 20px #000;display:grid;font-family:Overpass,sans-serif;box-sizing:border-box}.bottomPanel{display:flex;justify-content:center;align-items:center}.bottomPanel label{font-size:14px}#stretchCount{margin-left:5px;height:20px;margin-bottom:3px}h3{margin:10px 0 0;text-align:center}.bodyImgs{height:450px;width:90%;justify-self:center}.bodyImgs img{width:100%;height:100%;border-radius:10px}form{justify-self:center;height:50px}.submitBtn{background-color:green;border:none;height:30px;width:80px;border-radius:4px;color:#fff;box-shadow:0 1px 2px #0000001a,0 3px 5px #000}.submitBtn:hover{filter:brightness(120%)}button{cursor:pointer;border:none}.inactiveButton{background:transparent}.activeButton{background-image:radial-gradient(red,yellow,green)}#chest{width:80px;height:30px;position:absolute;margin-top:135px;margin-left:176px;border-radius:50%}#forearms{position:absolute;width:20px;height:40px;margin-top:208px;margin-left:500px;border-radius:60%;rotate:-15deg}#glutes{position:absolute;width:75px;height:35px;margin-top:248px;margin-left:397px;border-radius:50%}#calves{position:absolute;width:30px;height:65px;margin-top:360px;margin-left:386 px;border-radius:50%}#lower_back{position:absolute;width:75px;height:30px;margin-top:208px;margin-left:397px;border-radius:60%}#lats{position:absolute;width:20px;height:60px;margin-top:160px;margin-left:395px;border-radius:60%}#traps{position:absolute;width:80px;height:20px;margin-top:117px;margin-left:395px;border-radius:60%}#hamstrings{position:absolute;width:35px;height:65px;margin-top:280px;margin-left:385px;border-radius:50%}#neck{position:absolute;width:35px;height:24px;margin-top:93px;margin-left:418px;border-radius:60%}#middle_back{position:absolute;width:80px;height:40px;margin-top:150px;margin-left:395px;border-radius:60%}#triceps{position:absolute;width:25px;height:50px;margin-top:150px;margin-left:360px;border-radius:60%}#quadriceps{position:absolute;width:35px;height:78px;margin-top:260px;margin-left:165px;border-radius:60%}#biceps{position:absolute;width:20px;height:50px;margin-top:155px;margin-left:145px;border-radius:60%}#abdominals{position:absolute;width:50px;height:80px;margin-top:170px;margin-left:190px;border-radius:60%}.stretchDisplay{min-height:578px;width:900px;right:75px;border-radius:4px;border:1px solid black;background-color:#92d293;box-shadow:0 4px 8px #0003,0 6px 20px #000;font-family:Overpass,sans-serif;padding:10px}.StretchDisplayWindow{width:90%;height:90%;justify-self:center;align-self:center;margin-left:45px;margin-top:10px}.clear-button{background-color:green;border:none;height:30px;width:80px;border-radius:4px;color:#fff;box-shadow:0 1px 2px #0000001a,0 3px 5px #000;margin:5px}.stretch-info{display:flex;justify-content:space-between;padding:10px;border-radius:7px;background-color:#fff;margin:5px}.instructions{width:70%}.name-muscle{display:flex;flex-direction:column;justify-content:space-around;width:30%}.savedStretchContainer{height:275px;width:650px;border-radius:4px;border:1px solid black;background-color:#92d293;box-shadow:0 4px 8px #0003,0 6px 20px #000;display:grid;font-family:Overpass,sans-serif;box-sizing:border-box;margin-top:3px;grid-template-rows:1fr 10fr}.displayWindow{width:90%;height:90%;background-color:#d3d3d3;justify-self:center;align-self:center}.headerContainer{width:100%;height:120px;background-color:green;display:grid;justify-content:center;align-items:center}.headerContainer img{width:150px;height:90%}#main-flex{display:flex;flex-direction:column;margin-top:20px}.dynamic-direction{display:flex;justify-content:space-evenly}@media screen and (max-width: 1470px){.dynamic-direction{display:flex;flex-direction:column;align-items:center;gap:20px}}