@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&display=swap";.theme-dark{--bg-color: #242424;--text-color: rgba(255, 255, 255, .87);--link-color: #646cff;--link-hover: #535bf2;--button-bg: #ffffff;--button-text: #242424;--navbar-bg: #1a1a1a;--accent-color: #ffd438;--mainbg-color: #242424;--picture-border: #ffffff;--cardback: #fffffa;--cardtext: #242424;--navtext: #ffffff;--contactButtonColor: #242424;--colorButtonText: #ffffff;--mainbackgroundefect: #28502b;--picturebgcolor: #28502b;--picturebgcolor: #b3c1a5}.theme-light{--bg-color: #ffffff;--text-color: #242424;--link-color: #646cff;--link-hover: #747bff;--button-bg: #f9f9f9;--button-text: #242424;--navbar-bg: #1a1a1a;--accent-color: #ffd438;--mainbg-color: #fffffa;--picture-border: #242424;--cardback: #242424;--cardtext: #fffffa;--navtext: #ffffff;--contactButtonColor: #242424;--colorButtonText: #ffffff;--mainbackgroundefect: #50c878;--picturebgcolor: #deb887}:root{font-family:Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;transition:3s!important}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);display:flex;place-items:center;min-width:320px;min-height:100vh;transition:background-color .8s ease,color .8s ease}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-hover)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;font-weight:500;font-family:inherit;background-color:var(--button-bg);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--link-color)}.app-container{width:100vw;height:100vh}.app-mainPage-container{width:100%;height:100%}.app-mainPage-content{width:100%;height:calc(100% - 60px)}.app-navbar-container{width:100%;height:60px;display:flex;align-items:center;justify-content:center;background-color:var(--navbar-bg)}.navbarInfo{display:flex;width:100vw;align-items:center;justify-content:space-between}.mainmenustyle{display:flex}.hamburgermenustyle{padding-left:28px;display:none}@media (max-width: 700px){.mainmenustyle{display:none}.hamburgermenustyle{display:block}}.langAndThemeChangerContainer{margin-right:28px}.dropdown{position:relative;display:inline-block;color:var(--text-color)}.dropdown .dropdown-toggle{display:flex;align-items:center;background-color:transparent;border:none;cursor:pointer;font-size:1rem;padding:8px;color:var(--navtext)}.dropdown .dropdown-menu{display:none;position:absolute;top:100%;background-color:var(--bg-color);border:1px solid #ccc;list-style:none;margin:0;padding:0;z-index:10;width:100%}.dropdown .dropdown-menu li{padding:8px 16px;cursor:pointer}.dropdown .dropdown-menu li:hover{background-color:#eee}.dropdown:hover .dropdown-menu{display:block}.themebtn{width:40px;height:40px;margin-left:20px;border-radius:25px;color:var(--button-text)}.nav-links{margin-left:20px;width:450px;display:flex;justify-content:space-evenly}.nav-link{color:var(--navtext)}.ham-dropdown{position:relative;display:inline-block;color:var(--text-color)}.ham-dropdown .ham-dropdown-toggle{display:flex;align-items:center;background-color:transparent;border:none;cursor:pointer;font-size:1rem;padding:8px;color:var(--text-color)}.ham-dropdown .ham-dropdown-menu{position:absolute;top:100%;background-color:var(--bg-color);border:1px solid #ccc;margin:0;padding:0;z-index:10;width:100%;display:flex;flex-direction:column;min-width:200px}.ham-dropdown .ham-dropdown-menu a{padding:8px 16px;cursor:pointer}.ham-dropdown .ham-dropdown-menu a:hover{background-color:#eee}.app-allsections-container{width:100%;height:100%;overflow:auto;overflow-x:hidden}.app-allsections-container::-webkit-scrollbar{width:12px!important}.app-allsections-container::-webkit-scrollbar-track{background:var(--bg-color)!important}.app-allsections-container::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}.app-allsections-container::-webkit-scrollbar-thumb:hover{background:#ffd43899;opacity:.6px}.app-work-container{width:100vw;height:calc(100vh - 60px);background-color:var(--bg-color);display:flex;justify-content:center}.hello{height:100%;width:80vw;display:flex;flex-direction:column;justify-content:center;background-color:var(--mainbg-color)}.worktittle{padding-left:1rem;font-weight:500;font-size:30px;border-left:3px solid var(--accent-color)}.workdescription{font-weight:500;font-size:20px}.jobs-cards-container{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:98%;margin-top:1rem;height:350px}.work-jobs-section{overflow:auto;display:flex;justify-content:center}.work-jobs-section::-webkit-scrollbar{width:10px!important}.work-jobs-section::-webkit-scrollbar-track{background:var(--bg-color)!important}.work-jobs-section::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}.work-jobs-section::-webkit-scrollbar-thumb:hover{background:#ffd43899;opacity:.6px}.job-card{background:var(--cardback);color:var(--cardtext);padding:1rem;border-radius:8px;box-shadow:0 2px 6px #00000026}.jobname{font-weight:500;font-size:24px;margin-block-end:0}.jobdate{font-weight:500;font-size:20px}.jobposition{font-weight:500;font-size:22px}.app-aboutmeC-container{width:100vw;height:calc(100vh - 60px);background-color:var(--bg-color);display:flex;justify-content:center}.aboutmeCinfo{height:100%;width:80vw;display:flex;flex-direction:column;justify-content:center}.aboutmetittle{padding-left:1rem;font-weight:500;font-size:30px;border-left:3px solid var(--accent-color)}.aboutmeDescription{text-align:justify;font-weight:500;font-size:20px}.app-home-container{width:100vw;height:calc(100vh - 60px);display:flex;justify-content:center}.home-container{width:80vw;height:100%;display:flex;flex-direction:row}@media (max-width: 975px){.home-container{flex-direction:column-reverse}.home-container .pictureContainer{display:flex;justify-content:center}.home-container .picture{height:280px;width:280px}}@media (max-width: 820px){.home-container .picture{max-height:none;max-width:none;height:280px;width:280px}.home-container .jobInfo{margin-top:0}}.home-photo-section,.home-tittle-secction{flex:1;padding:1rem}.home-tittle-secction{display:flex;align-items:center;justify-content:center}@media (max-width: 975px){.home-tittle-secction{align-items:flex-start}}.jobInfo{padding-left:1rem;font-weight:500;font-size:30px;border-left:3px solid var(--accent-color)}.contactbutton{background-color:var(--contactButtonColor);color:var(--colorButtonText);border-radius:25px;padding:.9rem 1.75rem}.homeBtnsContainer{height:140px;display:flex;align-items:center}.home-photo-section{display:flex;justify-content:center;align-items:center}.pictureContainer{line-height:0px}.picture{background-color:var(--picturebgcolor);height:100%;width:100%;max-width:446px;max-height:477px;border:8px solid;border-color:var(--picture-border);border-radius:50%}.downloadButton{color:var(--colorButtonText);padding-left:20px;cursor:pointer}.downloadButton:hover{color:var(--accent-color)}.app-skills-container{width:100vw;height:calc(100vh - 60px);background-color:var(--bg-color);display:flex;justify-content:center}.skills-main-container{height:100%;width:80vw;display:flex;flex-direction:column;justify-content:center;background-color:var(--mainbg-color)}.skilltittle{padding-left:1rem;font-weight:500;font-size:30px;border-left:3px solid var(--accent-color)}.skilldescription{text-align:justify;font-weight:500;font-size:20px}.skills-cards-container{display:grid;height:300px;margin-bottom:10px;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));width:98%;margin-top:1rem}.skill-card{background:var(--cardback);color:var(--cardtext);padding:0;height:135px;border-radius:8px;box-shadow:0 2px 6px #00000026;display:flex;justify-content:center;align-items:center;flex-direction:column}.skill-card-text{margin-bottom:0}.skils-section{overflow:auto;min-height:200px;display:flex;justify-content:center}.skils-section::-webkit-scrollbar{width:10px!important}.skils-section::-webkit-scrollbar-track{background:var(--bg-color)!important}.skils-section::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}.skils-section::-webkit-scrollbar-thumb:hover{background:#ffd43899;opacity:.6px}.app-mail-container{width:100vw;height:calc(100vh - 60px);background-color:var(--bg-color);display:flex;justify-content:center}.mail-container{width:80vw;display:flex;background-color:var(--mainbg-color);align-items:center;justify-content:space-around}.contacttittle{padding-left:1rem;font-weight:500;font-size:30px;border-left:3px solid var(--accent-color)}.mail-info-section{width:50%}.mail-submit-section{width:50%;display:flex;flex-direction:column;border-radius:15px;gap:1rem;margin:20px;padding:3.5rem 3rem;align-items:center;background:#343434}.formInput{margin-bottom:1.5rem;display:inline-block;background-color:var(--contactButtonColor);width:100%;font-family:inherit;font-size:.85rem;font-weight:500;color:var(--colorButtonText);padding:.9rem 1.5rem;border:2px solid var(--bg-color-3);border-radius:17px;outline:none}.formTextArea{resize:none!important;min-height:170px;display:inline-block;width:100%;font-family:inherit;font-size:.85rem;font-weight:500;color:var(--colorButtonText);padding:.9rem 1.5rem;border:2px solid var(--bg-color-3);border-radius:17px;background-color:var(--contactButtonColor);outline:none}.buttonsend{display:inline-block;background-color:var(--main-color-1);color:#fff;font-size:.85rem;width:105%;padding-top:10px;padding-bottom:10px;border-radius:17px;letter-spacing:.4px;text-transform:capitalize;font-family:inherit;cursor:pointer;padding:.9rem 1.75rem;transition:.3s;border-color:#fff}.formcardtittle{color:var(--navtext)}.animated-bg{background:var(--mainbackgroundefect);width:100%;height:100%;position:fixed;top:0;left:0;z-index:-1;overflow:hidden}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:#fff3;animation:animate 25s linear infinite;bottom:-150px}.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}@keyframes animate{0%{transform:translateY(0) rotate(0);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}