.hero-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;z-index:1}@media(max-width:600px){.hero-container{min-height:auto;padding-top:80px}.hero-container h1{font-size:1.5rem}.hero-container p{font-size:.8rem}}@media(max-width:768px){.hero-container{min-height:auto}}.hero-container h1{font-size:2.5rem;margin-bottom:.5rem}.hero-container p{font-size:1rem;margin-bottom:1.5rem}.hero-container button{font-size:1rem;padding:10px 20px;background-color:#007bff;color:#fff;border:none;cursor:pointer;transition:background-color .3s ease}.hero-container button:hover{background-color:#0056b3}.skills-container{display:flex;flex-wrap:wrap;justify-content:right;gap:50px;padding-bottom:10px}.skill{display:flex;flex-direction:column;align-items:center;width:200px;font-size:.7rem;z-index:1}@media(max-width:768px){.skills-heading{padding-top:200px}.skills-container{align-items:center}.skill{width:100%}}:root{--background-light: #fff;--background-dark: #111}html,body{margin:0;padding:0;height:100%;overflow-x:hidden;background-color:var(--background-dark)}#root,.App{min-height:100vh;display:flex;flex-direction:column;background-color:transparent}.App{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.App.light{background-color:var(--background-light);color:#000}.App.dark{background-color:var(--background-dark);color:#fff}.theme-toggle{position:absolute;top:1rem;right:1rem;padding-right:50px}.App-header{display:flex;justify-content:space-between;padding:1rem;align-items:center;width:100%}.form-control-label{font-size:.5rem}a,a:visited{color:#0077b5;text-decoration:none}body.dark a,body.dark a:visited{color:#e0e0e0}