*{box-sizing:border-box}*,body{margin:0;padding:0}body{height:100vh}a{color:#fff}a:hover{color:aqua}.container{height:100%;width:100%}.navbar,h1{justify-content:center;text-align:center}.navbar{background-color:#000;color:#fff;display:flex;overflow:hidden;padding:1rem;position:fixed;top:0;width:100%}.navbar ul{gap:2rem;list-style-type:none}.navbar a,.navbar li,.navbar ul{display:flex}.navbar a{cursor:pointer;font-size:xx-large;text-decoration:none}.navbar a:hover{color:aqua}@media only screen and (max-width:912px) and (min-width:280px){.navbar{width:100%}.navbar a{font-size:3rem}}.home{background-image:url(/NEWportfolio/static/media/background1.faf592df968f8cefea6a.jpg);background-size:100% 100%;color:#fff;font-size:xx-large;height:100vh;justify-content:center;text-align:center}.h1{padding-top:25rem}.footLinks{justify-content:center}.linkimg{display:flex;height:2rem;margin-left:1.5rem;width:2rem}@media only screen and (max-width:912px) and (min-width:280px){.home{font-size:3rem;height:100rem;width:59.35rem}.h1{padding-top:35rem}.footLinks a{font-size:3rem}.linkimg{height:5rem;margin-left:3rem;padding-top:1rem;width:4rem}}.about{background-color:#fff;color:#000;font-size:x-large;height:100vh;text-align:center;width:100%}.habout{margin-top:0}.about p{font-size:xx-large;padding-left:30%;padding-right:30%;text-align:center}.about p,.skills{justify-content:center;margin-top:1rem}.skills ul{display:flex;gap:2rem;list-style:none;margin-top:2rem}.skills li,.skills ul{justify-content:center}.skills li{display:block;margin-left:1.5rem}.icon{margin-left:1rem}.icon,.service{display:flex;height:2rem;width:2rem}.service{margin-left:2rem}#javascript{color:#e6e600}#html{color:#ff8c00}#css{color:blue}#react{color:aqua}#node{color:green}#git{color:#f34f29}#github{color:#8a2be2}#api{color:#09f}#angular{color:red}@media only screen and (max-width:912px) and (min-width:280px){.about{height:1200px;margin-left:5rem;padding-top:2rem;width:50rem}}.projects{font-size:x-large;height:100vh;text-align:center;width:100%}.projects h1{margin-bottom:1rem}.project{color:#fff;display:flex;justify-content:center;margin-top:5rem}.project ul{display:flex;gap:10rem;list-style:none}.project li{background-color:#000;border-radius:2rem;justify-content:center}.proimg{border-radius:2rem;height:20rem;width:30rem}.proimg,.project a{display:flex;margin:1rem}.project a{border:solid;border-color:#fff;border-radius:5rem;justify-content:center;text-decoration:none;width:10rem}.prolinks{display:flex;margin-left:4rem}#portfolio{margin-left:10rem}@media only screen and (max-width:912px) and (min-width:280px){.projects{height:100%;width:950px}.project{margin-bottom:5rem;margin-top:1rem}.project ul{display:block}.project li{height:30rem;margin-top:5rem;width:40rem}.proimg{height:22rem;padding-top:3rem;width:38rem}.project a{font-size:large;height:2rem;margin-left:3rem}#portfolio{margin-left:11rem}.ph1{padding-top:2rem}}#Contact{font-size:x-large;height:50vh;margin-top:20rem;width:100%}.form{align-items:flex-start;display:flex;justify-content:center}.ch{font-size:x-large;justify-self:center;margin-top:5rem;text-align:center}form{background-color:aqua;border:solid;border-radius:2rem;display:flex;flex-direction:column;font-size:1rem;height:100%;padding:1rem;width:25%}input{height:2rem}input,textarea{border-radius:2rem;width:100%}textarea{height:10rem}@media only screen and (max-width:912px) and (min-width:280px){#Contact{width:59.35rem}.ch{font-size:xx-large}form{font-size:2rem;height:600px;width:75%}input{height:5rem}input,textarea{font-size:xx-large}textarea{height:25rem}}.footer{align-items:center;background:#000;display:flex;flex-direction:column;justify-content:center;margin-top:12rem;padding-top:1rem;width:100%}.footLinks{color:#fff;font-size:1.5rem;margin:1rem}.footLinks,.footLinks ul{display:flex;list-style:none}.footLinks ul{gap:2rem;justify-content:center}.footLinks a{display:block;text-decoration:none}.footer p{color:#fff}.footimg{display:flex;height:2rem;margin-left:1.5rem;width:1}.footLinks a:hover{color:aqua}@media only screen and (max-width:912px) and (min-width:280px){.footer{width:100%}.footLinks{font-size:2rem}.footLinks ul{gap:4rem}.footimg{height:4rem;width:4rem}}
/*# sourceMappingURL=main.866dee87.css.map*/