.skillIconContainerFieldset{background-color:var(--card-bg-color);border-color:var(--border-light-color);width:auto;height:100%;box-shadow:0px -3px 2px 0px var(--border-light-color);box-shadow:0px 0px 2px 2px var(--border-light-color);border-width:2px;border-radius:8px;margin:0 0 10px;padding:10px 0 15px;transition:all .8s;position:relative}h1.animated-text-title-header{margin-top:5px;margin-bottom:0;padding-top:10px;font-size:22px}.skillIconContainerFieldset:hover{transition:all .8s;animation-play-state:paused;border-color:#091020!important}.skillIconContainerFieldset legend{color:var(--accent-color);background-color:var(--card-bg-color);border-color:#0000;border-color:var(--border-light-color);box-shadow:0px 0px 2px 2px var(--border-selected-color);text-align:left;border-width:2px;border-radius:7px;margin-left:15px;padding:0 10px;font-size:14px;line-height:20px;animation:5s linear infinite color-glow}.skillsIcons{flex-flow:wrap;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.skillsIcons .viewDetails{position:absolute;bottom:-2px;right:3px}.skillsIcons div .skill-rotating-icon:hover{transition:transform .6s;animation-name:skill-icon-hover;animation-duration:1s}@keyframes skill-icon-hover{0%{transform:rotate(0)}10%{transform:rotate(480deg)}20%{transform:rotate(960deg)}30%{transform:rotate(1440deg)}40%{transform:rotate(1920deg)}50%{transform:rotate(2400deg)}60%{transform:rotate(1920deg)}70%{transform:rotate(1440deg)}80%{transform:rotate(960deg)}90%{transform:rotate(480deg)}to{transform:rotate(360deg)}}.skill-rotating-icon{transition:all .6s}.skillsIcons div.skillItemContainer{cursor:pointer;border:1px solid var(--border-light-color);box-shadow:0px 0px 3px 1px var(--border-light-color);border-radius:8px;flex-direction:row;justify-content:center;align-items:center;gap:10px;margin:0 5px;padding:4px 10px;font-weight:700;transition:all .8s;display:flex}.skillsIcons div.skillItemContainer:hover .skill-rotating-icon{transition:transform .6s;animation-name:skill-icon-hover;animation-duration:1s;animation-delay:0s}.skillsIcons div:not(:hover) .skill-rotating-icon:not(:hover){animation:1.6s linear infinite size-change}.skillsIcons div:nth-child(8n-7):not(:hover) .skill-rotating-icon:not(:hover){animation-delay:0s}.skillsIcons div:nth-child(8n-6):not(:hover) .skill-rotating-icon:not(:hover){animation-delay:.2s}.skillsIcons div:nth-child(8n-5):not(:hover) .skill-rotating-icon:not(:hover){animation-delay:.4s}.skillsIcons div:nth-child(8n-4):not(:hover) .skill-rotating-icon:not(:hover){animation-delay:.6s}.skillsIcons div:nth-child(8n-3):not(:hover) .skill-rotating-icon:not(:hover){animation-delay:.8s}.skillsIcons div:nth-child(8n-2):not(:hover) .skill-rotating-icon:not(:hover){animation-delay:1s}.skillsIcons div:nth-child(8n-1):not(:hover) .skill-rotating-icon:not(:hover){animation-delay:1.2s}.skillsIcons div:nth-child(8n):not(:hover) .skill-rotating-icon:not(:hover){animation-delay:1.4s}@keyframes size-change{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.trainingItem{background-color:var(--card-bg-color);border:1px solid var(--border-color);box-shadow:0px 0px 5px 2px var(--border-light-color);border-radius:8px;flex-direction:column;justify-content:space-between;gap:15px;padding:15px 25px;transition:all .3s;display:flex}.trainingItem:hover{box-shadow:0px 0px 8px 4px var(--border-light-color)}.trainingItem h3{color:var(--accent-color);flex-direction:row;justify-content:space-between;font-size:1.1rem;display:flex}.trainingItem h4{color:var(--accent-secondary-color);flex-direction:row;justify-content:space-between;font-size:1rem;display:flex}.trainingItem p{color:var(--muted-color);justify-content:space-between;align-items:center;margin:0;font-size:.9rem;display:flex}.trainingDetails{padding:15px 20px;font-size:.9rem}.trainingDetails h5{color:var(--accent-color);margin:0 0 6px;font-size:1rem}