*{padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#000;color:#fff;padding:0 10vw;text-align:center}@media (max-width:800px){.App{padding:0 5vw}}.navbar{align-items:center;background-color:#000;display:flex;font-size:18px;justify-content:space-between;padding:10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.navbar a{color:#fff;text-decoration:none}#menu{display:none}#scr_links{background-color:rgba(46,45,45,.836);display:block;font-size:18px;height:-webkit-max-content;height:max-content;left:-20px;padding:20px;position:absolute;text-align:center;top:0;width:100%}#scr_links p{margin:25px 0}#scr_links a{color:#fff;text-decoration:none}#scr_links span{position:absolute;right:25px}#links a{color:#fff;margin:0 16px;text-decoration:none}#links a:hover{border-bottom:2px solid #daa520}#home{position:relative;top:0}@media (max-width:800px){.navbar{align-items:center;background-color:#000;display:flex;font-size:16px;padding:10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}#links{display:none}#menu{display:block}}.about{height:100vh;padding:30px}.about h2{font-size:40px;margin:30px 0 50px;text-shadow:10px 15px 0 #626161}.about p,h3,ul{font-size:20px;line-height:2em;text-align:left}.about a{text-decoration:none}.about button{align-items:center;background-color:#daa520;border:1px solid #daa520;border-radius:30px;cursor:pointer;display:flex;font-size:16px;margin-top:20px;padding:15px 20px}.about button:hover{background-color:initial;border:1px solid #fff;color:#fff}@media (max-width:800px){.about{height:-webkit-max-content;height:max-content;padding:20px}.about h2{font-size:35px;margin:30px 0;text-shadow:10px 15px 0 #626161}.about p,h3,ul{font-size:16px;line-height:1.5em;text-align:left}.about button{font-size:14px;left:30%;padding:7px 15px;position:relative}}.contact{padding:50px 50px 0}.contact h1{font-size:40px;margin:30px 0 50px;text-shadow:10px 15px 0 #626161}.contact #content{display:flex;justify-content:space-around;margin:50px 0}.contact #content .icon{background-color:#272626;border-radius:50%;color:#daa520;font-size:30px;margin:20px 0;padding:30px}.contact #content div{display:block;justify-content:center}.contact #content div p{color:grey}#msg-box{align-items:center;display:flex;height:500px;justify-content:space-between;margin:100px 40px}#msg-box #img{background-color:#141313;background-image:url(/static/media/Image2.2c6a5960ce0f6aac723e.png);background-repeat:no-repeat;background-size:contain;height:500px;padding:50px 50px 0;width:50%}#msg-box #msg{background-color:#fff;padding:44px;text-align:left}#msg-box #msg input,textarea{border:1px solid grey;border-radius:5px;margin:10px 0;outline:none;padding:15px;width:90%}#msg-box #msg button{background-color:#daa520;border:1px solid #daa520;border-radius:30px;cursor:pointer;font-size:16px;padding:15px 20px}#msg-box #msg button:hover{background-color:initial;border:1px solid #daa520;color:#000}@media (max-width:800px){.contact{height:-webkit-max-content;height:max-content;padding:30px 0 0}.contact h1{font-size:35px;margin:30px 0}.contact #content .icon{font-size:16px;margin:10px 0;padding:15px}.contact #content{align-items:center;display:grid;grid-template-columns:150px 150px;justify-content:center;margin:10px 0}.contact #content div h3{font-size:12px;text-align:center}#msg-box{align-items:center;display:block;height:-webkit-max-content;height:max-content;justify-content:space-between;margin:50px 10px}#msg-box #img{height:300px;width:252px}#msg-box #msg{padding:24px}#msg-box #msg input,textarea{margin:7px 0;padding:10px}#msg-box #msg button{font-size:14px;padding:10px 15px}}.footer{display:block;height:-webkit-max-content;height:max-content;justify-content:space-evenly;padding:20px 60px}.footer a{color:#fff;margin:0 20px}.footer a:hover{color:#daa520}.footer div{margin:10px 0}@media (max-width:800px){.footer{font-size:12px;padding:10px 40px}.footer a{margin:0 10px}}.home{align-items:center;display:flex;height:100vh;justify-content:space-around}.content{font-size:24px;line-height:3em;text-align:left}.content h1{font-size:70px}.content span,h5{color:#daa520}.content button{background-color:#daa520;border:1px solid #daa520;border-radius:30px}.content #btn2,.content button{cursor:pointer;font-size:16px;margin-right:20px;padding:15px 25px}.content #btn2{background-color:initial;border:1px solid #fff;border-radius:30px;color:#fff}#img img{text-shadow:0 0 10px #fff}@media (max-width:800px){.home{height:-webkit-max-content;height:max-content;padding:20px 0}.content{font-size:20px;line-height:2em;text-align:left}.content h1{font-size:50px}.content #btn2,.content button{font-size:14px;padding:5px 15px}#img img{display:none}}.project{padding:50px}.project h1{font-size:40px;margin:30px 0 50px;text-shadow:10px 15px 0 #626161}.project #container{margin:30px 0}.project #container div{display:flex}.project #container #foodcart{background-image:url(/static/media/foodcart.673955622fe475225317.jpg);background-repeat:no-repeat;background-size:cover;height:300px;margin:15px;width:50%}.project #container #portfolio{background-image:url(/static/media/portfolio.cf0b7248c42fe9def3db.png)}.project #container #busapp,.project #container #portfolio{background-repeat:no-repeat;background-size:cover;height:300px;margin:15px;width:100%}.project #container #busapp{background-image:url(/static/media/busapp.98c3bc9910c5de1fa606.png)}.project #container #audi{background-image:url(/static/media/Audi.930ac7613ab9b5c78106.png);background-repeat:no-repeat;background-size:cover;height:300px;margin:15px;width:50%}.project #container #sub-content{align-items:center;background-color:#daa520e3;display:flex;flex-direction:column;height:100%;justify-content:center;opacity:0;position:relative;transition:.5s ease;width:100%;z-index:2}#audi:hover #sub-content,#busapp:hover #sub-content,#foodcart:hover #sub-content,#portfolio:hover #sub-content{opacity:1}.project #container #sub-content a{color:#fff;text-decoration:none}@media (max-width:800px){.project{height:-webkit-max-content;height:max-content;padding:30px 15px}.project #container div{display:block}.project #container #audi,.project #container #busapp,.project #container #foodcart,.project #container #portfolio{background-position:0 0;height:280px;margin:20px 0;width:100%}}.resume{padding:50px}.resume h1{font-size:40px;margin:30px 0 50px;text-shadow:10px 15px 0 #626161}.resume #container{display:grid;grid-template-columns:560px 560px;margin:20px 0}.resume #container div{background-color:#212121;border:none;border-radius:10px;color:#fff;line-height:1.7em;margin:20px;padding:20px;text-align:left}.resume #container h2{color:#daa520;font-size:25px}.resume #container span{font-family:monospace;font-size:16px;letter-spacing:1px;margin:15px 70px 15px 0}.resume #container p{color:#908e8e}.resume a{text-decoration:none}.resume button{align-items:center;background-color:#daa520;border:1px solid #daa520;border-radius:30px;cursor:pointer;display:flex;font-size:16px;left:43%;padding:15px 20px;position:relative}.resume button:hover{background-color:initial;border:1px solid #fff;color:#fff}@media (max-width:1400px),(max-width:800px){.resume{padding:0}.resume h1{font-size:35px;margin:30px 0;text-shadow:10px 15px 0 #626161}.resume #container{display:flex;flex-direction:column;width:100%}.resume #container div{line-height:1.5em;margin:20px;padding:15px}.resume #container span{margin:15px 40px 15px 0}.resume button{font-size:14px;left:30%;padding:7px 15px;position:relative}}.skills{height:90vh;padding:30px}.skills h1{font-size:40px;margin:30px 0 50px;text-shadow:10px 15px 0 #626161}.skills #container{display:grid;grid-template-columns:500px 500px;justify-content:space-around;margin:50px}.skills #container div{margin:10px}.skills .fe-content{display:flex;justify-content:space-between}.skills .se-line{background-color:#474646;border-radius:5px;height:12px;width:100%}#react,#sql,.skills .se-line #java{width:80%}#react,#spring,#sql,.skills .se-line #java,.skills .se-line #javascript{background-color:#daa520;border-radius:5px;height:12px;position:relative;right:10px}#spring,.skills .se-line #javascript{width:85%}.skills .se-line #html{width:90%}.skills .se-line #html,.skills .se-line #python{background-color:#daa520;border-radius:5px;height:12px;position:relative;right:10px}.skills .se-line #python{width:70%}.skills .se-line #adobe{background-color:#daa520;border-radius:5px;height:12px;position:relative;right:10px;width:75%}@media (max-width:1400px),(max-width:800px){.skills{height:-webkit-max-content;height:max-content;padding:30px 0}.skills h1{font-size:35px;margin:30px 0;text-shadow:10px 15px 0 #626161}.skills #container{display:grid;grid-template-columns:175px 175px;justify-content:space-around;margin:50px 0}}
/*# sourceMappingURL=main.aa5bcc6c.css.map*/