:root{--max-width:650px;--box-shadow-hover:0px 4px 15px rgba(0,0,0,.5)}.dark{--box-shadow-hover:0px 4px 15px hsla(0,0%,100%,.5)}*{font-family:Lucida Console,monospace}hr{height:0;border-width:.1px}.button-shadow{background-color:#0070f3;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease}.button-shadow:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.scroll-to-top{bottom:20px;right:20px;background-color:#0070f3;color:#fff;border:none;border-radius:50%;padding:10px;font-size:20px;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:opacity .3s ease-in-out;height:45px;width:45px;justify-content:center;align-items:center;box-shadow:var(--box-shadow-hover)}.navbar,.scroll-to-top{position:fixed;display:flex}.navbar{top:0;background-color:var(--background-color);overflow:hidden;transition:top .3s ease;z-index:1000}.nav-bar-shadow{border:none;border-radius:0;cursor:pointer;transition:all .3s ease;box-shadow:var(--box-shadow-hover)}.hidden{top:-200px}.shivam-name-logo{height:50px;width:300px}.toggle-container{height:40px;margin-left:10px}.toggle-button{width:60px;height:30px;background-color:#ccc;border-radius:30px;padding:5px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;transition:background-color .3s ease,justify-content .3s ease;border:none;margin-top:5px}.toggle-button.active{background-color:#4f46e5;justify-content:flex-end}.toggle-circle{width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .3s ease}.navbar-buttons-div-big-screen{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:7px;margin-bottom:7px}.navbar-buttons-div-big-screen a{text-decoration:none;color:var(--text-color);height:20px;padding:10px;text-align:center;vertical-align:middle}.navbar-buttons-div-big-screen a:hover{background-color:#4f46e5}.nav-buttons-menu-button{margin-top:10px;display:none}.navbar-buttons-div-small-screen{display:none}.navbar-buttons-div-small-screen a:hover{background-color:#4f46e5}@media (max-width:850px){.shivam-name-logo{height:50px;width:100%}.navbar-buttons-div-big-screen{display:none}.navbar-buttons-div-small-screen{display:flex;flex-direction:column}.navbar-buttons-div-small-screen a{width:100%;padding:10px 20px 10px 30px;text-decoration:none;font-size:20px}.nav-buttons-menu-button{display:block}.toggle-container{margin-left:30px;margin-bottom:10px}}.discription-top-div{flex-direction:row-reverse}.discription-divs{width:50%}.span-title-text{font-size:48px;text-align:center;margin-bottom:20px}.span-discription-text,.span-title-text{display:block;margin-left:20px;margin-right:20px}.span-discription-text{font-size:23px;margin-bottom:10px;text-align:justify;line-height:1.5}.wave-emoji{animation-duration:1.8s;animation-iteration-count:infinite;animation-name:wave;display:inline-block;transform-origin:70% 70%}.wave-emoji-image{height:1em;width:1em;margin:0 .05em 0 .1em;vertical-align:-.1em}.button-click-2,.button-style-1{align-items:center;background-color:#0070f3;color:#fff;border:none;padding:10px 12px;border-radius:50px;cursor:pointer;font-size:16px;display:flex;justify-content:center}.button-click-2{height:45;width:160;text-decoration:none}@media (max-width:650px){.discription-top-div{flex-direction:column}.discription-divs{width:100%}.span-title-text{font-size:30px}.span-discription-text{font-size:20px}}.what-i-do-top-div{flex-direction:row;padding:10px}.what-i-do-sub-divs{width:100%}.icons-sub-div{display:flex;justify-content:space-around;margin-top:30px}.icon-wrapper{display:inline-flex;justify-content:center;flex-direction:column;align-items:center;color:#7f7f7f}.icon-wrapper:hover{transform:scale(1.2)}.label{text-align:center;font-size:25px}.what-i-do-points{display:block;margin-top:10px;margin-bottom:10px;font-size:20px}@media (max-width:650px){.what-i-do-top-div{flex-direction:column}.what-i-do-sub-divs{width:100%}.what-i-do-points{font-size:19px}}.proficiency-skill-div{padding:0 20px;margin-top:25px}.proficiency-skill-div-span{margin-left:10px;margin-bottom:10px}.proficiency-skill-div-progress-bar{margin-top:10px}.education-sub-divs{display:flex;flex-direction:column;margin:10px 40px}@media (max-width:650px){.education-sub-divs{margin:10px 20px}}.experiences-sub-divs{display:flex;flex-direction:column;max-width:1000px;width:80%;margin:0 2%;border-radius:10px;padding:20px 20px 16px;box-shadow:var(--box-shadow-hover)}.certification-top-div{margin:0 30px}.certificate-display-div{display:flex;flex-direction:column;align-items:center;width:300px;box-shadow:var(--box-shadow-hover);padding:30px 10px;margin:20px;border-radius:10px}.certification-button{background-color:var(--background-color);color:var(--text-color);text-decoration:none}@media (max-width:650px){.certification-top-div{margin:0}}.projects-main-div{display:flex;flex-direction:column}.all-projects-div{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px;height:auto;align-items:center}.projects-project-div{box-shadow:var(--box-shadow-hover);display:flex;flex-direction:column;max-width:450px;width:100%;padding:20px 20px 17px;border-radius:10px;margin:10px 15px}.projects-project-heading-name{font-size:23px;font-weight:500;text-decoration:underline solid;align-self:center;margin-bottom:15px}.contact-email-link{color:var(--text-color);text-align:center;text-decoration:none;margin-top:20px;width:300px;border-radius:50px;padding:10px}.contact-email-link:hover{box-shadow:var(--box-shadow-hover)}.instagram-gradient{background:#833ab4;background:linear-gradient(90deg,#833ab4,#fd1d1d,#fcb045)}