.buttonStyle{background-color:transparent;border:1px solid #ffb400;margin:0;text-align:center;text-decoration:none;background:linear-gradient(270deg,transparent 50%,#ffb400 0) 100%;background-size:200%;transition:.5s ease-out;border-radius:50px}.buttonStyle .buttonText{padding:10px 20px}@media screen and (min-width:768px){.buttonStyle .buttonText{font-size:24px}}@media screen and (max-width:768px){.buttonStyle .buttonText{font-size:16px}}.buttonStyle .buttonIcon{float:right;width:46px;height:46px;display:flex;justify-content:center;align-items:center;background:#ffb400;border-radius:100%}.buttonStyle:hover{background-position:0;color:#fff}.skillsStyle{margin-top:20px;margin-bottom:20px}@media screen and (min-width:768px){.skillsStyle .skillsContainer .skillsTitle{font-size:40px;font-weight:600;color:#fff;width:100%;text-align:center;margin-bottom:20px;text-transform:uppercase}}@media screen and (max-width:768px){.skillsStyle .skillsContainer .skillsTitle{font-size:34px;font-weight:600;color:#fff;width:100%;text-align:center;margin-bottom:20px;text-transform:uppercase}}.skillsStyle .skillsContainer .skillsContent{font-size:16px;font-weight:400;color:#fff;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;width:100%}.skillsStyle .skillsContainer .skillsContent .skillsItem{margin-top:10px}.skillsStyle .skillsContainer .skillsContent .skillsItem .skillsItemContent{display:flex;flex-direction:column;justify-content:center;align-items:center}.skillsStyle .skillsContainer .skillsContent .skillsItem .skillsItemContent .skillsItemTitle{font-size:22px;font-weight:600;color:#949494;text-align:center}.myExperienceStyle{display:flex;flex-direction:column;justify-content:center;align-items:center}.myExperienceStyle .myExperienceContainer{width:100%}@media screen and (min-width:768px){.myExperienceStyle .myExperienceContainer .myExperienceTitle{font-size:40px;font-weight:600;color:#fff;width:100%;text-align:center;margin-bottom:40px;text-transform:uppercase}}@media screen and (max-width:640px){.myExperienceStyle .myExperienceContainer .myExperienceTitle{font-size:34px;font-weight:600;color:#fff;width:100%;text-align:center;margin-bottom:40px;text-transform:uppercase}}.myExperienceStyle .myExperienceContainer .myExperienceContent{font-size:16px;font-weight:400;color:#fff;display:grid;grid-template-columns:repeat(auto-fill,minmax(50%,1fr));gap:5px;width:100%}.myExperienceStyle .myExperienceContainer .myExperienceContent .myExperienceItem{display:flex;gap:10%;align-items:center;padding-left:20px;padding-right:20px;width:100%}.myExperienceStyle .myExperienceContainer .myExperienceContent .myExperienceItem .myExperienceItemIcon{width:4px;height:100%;background:#fafafa;translate:translateX(-25%);border-left:2px solid #fffefb;position:relative;z-index:1}@media screen and (min-width:768px){.myExperienceStyle .myExperienceContainer .myExperienceContent .myExperienceItem .myExperienceItemIcon .myExperienceIcon{width:46px;height:46px;background:#ffb400;border-radius:100%;display:flex;justify-content:center;align-items:center;z-index:2;position:absolute;left:50%;top:10%;transform:translate(-50%,-50%)}}@media screen and (max-width:768px){.myExperienceStyle .myExperienceContainer .myExperienceContent .myExperienceItem .myExperienceItemIcon .myExperienceIcon{width:38px;height:38px;background:#ffb400;border-radius:100%;display:flex;justify-content:center;align-items:center;z-index:2;position:absolute;left:50%;top:5%;transform:translate(-50%,-50%)}}.myExperienceStyle .myExperienceContainer .myExperienceContent .myExperienceItem .myExperienceItemIcon .icon{z-index:3}.myExperienceStyle .myExperienceContainer .myExperienceContent .myExperienceItem .myExperienceItemContent{font-size:16px;font-weight:400;color:#fff}.myExperienceStyle .myExperienceContainer .myExperienceContent .myExperienceItem .myExperienceItemContent .myExperienceItemDate{font-size:16px;font-weight:600;background-color:#646566;color:#fff;border-radius:40px;padding:2px;text-align:center;margin-bottom:14px;width:80%}@media screen and (min-width:768px){.myExperienceStyle .myExperienceContainer .myExperienceContent .myExperienceItem .myExperienceItemContent .myExperienceItemDate{font-size:16px;font-weight:600;background-color:#646566;color:#fff;border-radius:40px;padding:2px;text-align:center;margin-bottom:14px;width:50%}}.myExperienceStyle .myExperienceContainer .myExperienceContent .myExperienceItem .myExperienceItemContent .myExperienceItemTitle{font-size:28px;font-weight:600;color:#f6f6f6}@media screen and (min-width:768px){.myExperienceStyle .myExperienceContainer .myExperienceContent .myExperienceItem .myExperienceItemContent .myExperienceItemTitle{font-size:32px}}.myExperienceStyle .myExperienceContainer .myExperienceContent .myExperienceItem .myExperienceItemContent .myExperienceItemCompany{font-size:16px;font-weight:600;color:#f6f6f6;margin-bottom:18px}@media screen and (min-width:768px){.myExperienceStyle .myExperienceContainer .myExperienceContent .myExperienceItem .myExperienceItemContent .myExperienceItemCompany{font-size:20px}}.myExperienceStyle .myExperienceContainer .myExperienceContent .myExperienceItem .myExperienceItemContent .myExperienceItemDesc{font-size:14px;font-weight:400;color:#8f8e8e;margin-bottom:18px}@media screen and (min-width:768px){.myExperienceStyle .myExperienceContainer .myExperienceContent .myExperienceItem .myExperienceItemContent .myExperienceItemDesc{font-size:20px}}.myExperienceStyle .myExperienceContainer .myExperienceContent .myExperienceItem .myExperienceItemContent .myExperienceItemDetail{margin-bottom:18px;display:flex;flex-direction:column;gap:10px}.myExperienceStyle .myExperienceContainer .myExperienceContent .myExperienceItem .myExperienceItemContent .myExperienceItemDetail .myExperienceItemDetailItem .myExperienceItemDetailDesc{font-size:14px;font-weight:400;color:#8f8e8e}@media screen and (min-width:768px){.myExperienceStyle .myExperienceContainer .myExperienceContent .myExperienceItem .myExperienceItemContent .myExperienceItemDetail .myExperienceItemDetailItem .myExperienceItemDetailDesc{font-size:16px}}.myExperienceStyle .myExperienceContainer .myExperienceContent .myExperienceItem .myExperienceItemContent .myExperienceItemDetail .myExperienceItemDetailItem .myExperienceItemDetailDesc:hover{color:#ffb400;font-weight:600}.accordionStyle{width:100%;border-radius:5px;margin-bottom:10px;overflow:hidden;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.accordionStyle .accordionContainer{display:flex;flex-direction:column;align-items:center;padding-top:10px;padding-bottom:10px;padding-right:20px;color:#8f8e8e;font-weight:600}.accordionStyle .accordionContainer .accordionTitle{font-size:16px;width:100%;display:flex;align-items:center;gap:10px;margin-bottom:10px}.accordionStyle .accordionContainer .accordionTitle .accordionIcon{font-size:20px;cursor:pointer}@media screen and (min-width:768px){.accordionStyle .accordionContainer .accordionContent{font-size:16px;font-weight:400;color:#8f8e8e;padding:0 20px;text-align:justify;width:100%}}@media screen and (max-width:640px){.accordionStyle .accordionContainer .accordionContent{font-size:14px;font-weight:400;color:#8f8e8e;padding:0 20px;text-align:justify;width:100%}}.accordionStyle .accordionContainer .accordionContent .close{animation:downToUp .5s ease-in-out;display:none}.accordionStyle .accordionContainer .accordionContent .accordionContentText{animation:upToDown .5s ease-in-out}.accordionStyle .accordionContainer .accordionContent .accordionContentText .content{display:flex;align-items:center;gap:10px;margin-bottom:10px}.accordionStyle .accordionContainer .accordionContent .accordionContentText .content:hover{color:#ffb400;font-weight:600}@keyframes upToDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes downToUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}