@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap";body{background-image:url(/OnlineCv/cssfiles/images/background4.jpg);background-size:cover;color:#fff;font-family:Roboto,serif}.header-class{display:FLEX;justify-content:space-between;padding-top:25px;padding-bottom:25px;margin-bottom:13px;box-shadow:0 2px 100px #fff3;position:sticky;width:100%;background-color:#000;z-index:1000}.custom-dropdown{background-color:#000;gap:10px}.header-name-section h2{font-size:20px;font-weight:700;margin:0;color:#f0f0f0;letter-spacing:1px}.header-menu-section{display:flex;justify-content:right;align-items:center;gap:30px;padding-right:100px;vertical-align:middle;width:50%}.header-menu-section a{font-size:16px;font-weight:lighter;color:#fff;text-decoration:none}.header-menu-section a:hover{font-size:20px;text-decoration-line:underline;font-weight:bolder;text-decoration-color:red;text-decoration-thickness:3px;text-underline-offset:5px}.circle-image{width:25px;height:25px;border-radius:60%;object-fit:cover}.section-class{display:flex;align-items:center;justify-content:center;padding-left:200px;padding-right:200px;margin-bottom:50px}.portfolio-img-container{align-items:center;width:50%;padding-top:100px}.portfolio-img{width:700px;height:auto;object-fit:contain;filter:drop-shadow(0 0 25px rgba(255,0,0,.2));transition:transform .3s ease,filter .3s ease;position:relative;z-index:1}.portfolio-details{display:flex;flex-direction:column;gap:5px;text-align:left;justify-content:left;margin-top:100px;width:50%}.portfolio-img:hover{transform:scale(1.05);filter:drop-shadow(0 0 40px rgba(255,0,0,.6))}.techstack-container{margin-top:50px;align-items:center;text-align:center;justify-content:center}.techstack-logos{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:10px;gap:25px;justify-content:center}.techstack-logos svg{height:50px;width:50px;flex-shrink:1}@media(max-width:1440px){.section-class{flex-direction:row;padding:0}.portfolio-img-container{display:flex;justify-content:center;margin-top:40px;width:50%;padding-top:0}.portfolio-img{width:500px}.portfolio-details{width:50%;justify-content:center;text-align:left;padding-left:100px;margin-top:0}.techstack-container{margin-top:25px;justify-content:center;align-items:center;padding-right:100px;padding-left:100px}.techstack-logos{align-items:center;justify-content:center}.portfolio-details-h2{font-size:20px!important}.portfolio-details-h1{font-size:60px!important}.techstack-logos{padding-right:0;gap:15px}}@media(max-width:991px){.header-name-section{padding-left:30px}.header-menu-section{padding-right:30px;gap:15px}.section-class{flex-direction:row;padding:0}.portfolio-img-container{margin-bottom:40px;margin-top:40px;width:50%;justify-content:center}.portfolio-img{height:auto;width:300px}.portfolio-details{width:50%;justify-content:center;padding-left:40px}.techstack-container{padding:0;margin-top:15px}.portfolio-details-h2{font-size:15px!important}.portfolio-details-h1{font-size:40px!important}.techstack-logos{padding-right:0}.techstack-logos svg{height:auto;width:40px}}@media(max-width:884px){.header-menu-section{display:none}#dropdownMenuButton{display:block}.section-class{flex-direction:column}.portfolio-img-container{order:-1;margin-bottom:0;width:100%;padding-top:0}.portfolio-img{width:350px;padding-left:25px;padding-right:25px}.portfolio-details{margin-top:20px;align-items:center;justify-content:center;width:100%;padding-left:25px;padding-right:25px}.portfolio-details-h1{font-size:35px!important;text-align:center}.portfolio-details-h2{font-size:20px!important;text-align:center}}.glow-animate{--glow-color: #E34F26;background:linear-gradient(90deg,var(--glow-color));background-size:400%;animation:glowMove 8s linear infinite;box-shadow:0 0 10px var(--glow-color);transition:box-shadow .3s ease}@keyframes glowBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glowMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}*{margin:0;padding:0;box-sizing:border-box}body{background-image:url(/OnlineCv/cssfiles/images/background4.jpg);background-size:cover;color:#fff;font-family:Roboto,serif}.header-class{display:flex;justify-content:space-between;padding:25px 0;margin-bottom:13px;box-shadow:0 2px 100px #fff3;position:sticky;top:0;width:100%;background-color:#000;z-index:1000}.header-name-section{width:50%;display:flex;align-items:center;gap:7px;justify-content:left;padding-left:100px}.header-name-section h2{font-size:20px;font-weight:700;color:#f0f0f0;letter-spacing:1px}.circle-image{width:25px;height:25px;border-radius:50%;object-fit:cover}.header-menu-section{display:flex;justify-content:right;align-items:center;gap:30px;padding-right:100px;width:50%}.header-menu-section a{font-size:16px;font-weight:lighter;color:#fff;transition:all .2s ease}.header-menu-section a:hover{font-size:20px;text-decoration:underline;font-weight:bolder;text-decoration-color:red;text-decoration-thickness:3px;text-underline-offset:5px}.custom-btn{display:none;color:#fff;margin-right:20px}.custom-dropdown{background-color:#000}.custom-dropdown a{color:#fff}.button-85{padding:.6em 2em;border:none;outline:none;color:#fff;background:#111;cursor:pointer;position:relative;z-index:0;border-radius:10px;-webkit-user-select:none;user-select:none;touch-action:manipulation}.button-85:before{content:"";background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing-button-85 20s linear infinite;border-radius:10px}@keyframes glowing-button-85{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.button-85:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#222;left:0;top:0;border-radius:10px}@media(max-width:991px){.header-name-section{padding-left:30px}.header-menu-section{padding-right:30px;gap:15px}}@media(max-width:884px){.header-menu-section{display:none}#dropdownMenuButton,.custom-btn{display:block}}
