body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.nav{background-color:#fff;background-color:#6ab1d1;border-bottom:1px solid #e1e1e1;display:flex;justify-content:end;margin-top:0;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:99}.menu ul{color:red}nav a{color:#000;margin:0 20px;padding:10px 20px;right:200px;text-decoration:none;transition:color .3s ease}.about.active,.contact.active,.home.active,.project.active,nav a:hover{border-bottom:5px solid #add8e6;color:#add8e6}.Logo{color:#000;justify-content:center;left:10px;margin-top:-5px;padding:0 20px;position:absolute;text-decoration:none;z-index:100}.Logo img{height:30px;margin-bottom:20px;position:relative;right:auto;width:30px}@media screen and (max-width:767px){.nav{align-items:center;flex-direction:row;justify-content:space-between;padding:25px 20px;position:relative}.Logo{left:80%;margin-top:25px;position:absolute;z-index:102}.burger-icon{cursor:pointer;display:flex;flex-direction:column;position:absolute;top:12px;z-index:103}.burger-icon .bar{background-color:#333;height:1px;margin:4px 0;transition:.4s;width:25px}.burger-icon.open .bar:first-child{transform:rotate(-45deg) translate(-7px,5px)}.burger-icon.open .bar:nth-child(2){opacity:0}.burger-icon.open .bar:nth-child(3){transform:rotate(45deg) translate(-7px,-5px)}.menu-container{background-color:#6ab1d1;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;left:-100%;max-width:280px;padding-top:80px;position:fixed;top:0;transition:left .3s ease-in-out;width:70%;z-index:101}.menu-container.open{left:0}.menu{display:flex;flex-direction:column;padding:10px 20px}.menu a{color:#000;display:block;font-size:16px;padding:15px 10px;text-decoration:none}.about.active,.contact.active,.home.active,.menu a:hover,.project.active{color:#646566;width:50%}}.circle{border:3px solid #add8e6;border-radius:50%;box-shadow:0 15px 50px #add8e6;height:350px;margin-top:10vh;overflow:hidden;position:absolute;right:-50px;top:10vh;transition:all 2s ease;width:350px}.circle img{width:100%}p{width:500px}i{color:#add8e6}.bio{display:inline-block;left:-500px;letter-spacing:.15em;margin-top:18vh;transition:all 2s ease}.circle.show{right:20vw}.bio.show{margin-left:20vw}.typing{animation:typing 2s steps(20) infinite alternate,cursor .2s step-end infinite alternate;border-right:2px solid #000;overflow:hidden;white-space:nowrap;width:-webkit-max-content;width:max-content}@keyframes typing{0%{width:0}to{width:40%}}@keyframes cursor{50%{border-color:#0000}}@media screen and (max-width:767px){.circle{height:160px;margin-bottom:20px;margin-top:0;overflow:hidden;position:absolute;right:-50px;top:50vh;transition:all 2s ease;width:160px}.circle.show{right:35%}.bio{display:block;left:auto;margin:10vh auto 0;padding:0 10px;position:relative;text-align:center;width:90%}.bio.show{margin-left:auto}p{font-size:14px}.typing,p{width:100%}.typing{animation:typing 2s steps(20) infinite alternate,cursor .2s step-end infinite alternate;display:inline-block;font-size:16px;margin:0 auto;max-width:250px;overflow:hidden;white-space:nowrap}h1{font-size:20px}h3{font-size:16px}}.circleinfo{background-color:#002bff;border:3px solid #add8e6;border-radius:50%;box-shadow:0 15px 50px #add8e6;height:250px;margin-left:10px;margin-top:1000px;position:absolute;transition:all .5s ease;width:250px;z-index:2}.circleinfo img{border-radius:50%;width:100%}.circleinfo.show{margin-left:10px;margin-top:-10px}.circleinfo:hover:before{background:linear-gradient(45deg,#00ffd5,#002bff,#add8e6);background-size:600%;border-radius:50%;content:"";filter:blur(8px);height:calc(100% + 4px);left:-2px;opacity:1;position:absolute;top:-2px;width:calc(100% + 4px);z-index:-1}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.circleinfo:hover{opacity:1;transform:scale(1.2) rotate(1turn)}.infobox{align-items:center;background-color:#fafafa;border-radius:20px;box-shadow:0 4px 8px #0003;display:flex;height:300px;margin-top:20px;padding:100px;width:70%}.aboutinfo{margin-left:550px;top:1px;transition:all .5s ease}.aboutinfo.show{margin-left:350px;top:1px}.aboutme{display:flex;font-size:large;font-weight:700;justify-content:space-between;margin-left:-50px;overflow:hidden;text-align:left;top:100px;width:300px}.aboutme,.dash{position:absolute}.dash{border-top:2px solid #708090;left:100px;top:28px;width:50%}.infoboxcontainer{display:flex;height:100vh;justify-content:center}.skills{display:flex;font-size:large;font-weight:700;justify-content:space-between;overflow:hidden;top:600px;width:300px}.ToolsBtnContainer,.skills{margin-left:9vw;position:absolute;text-align:left}.ToolsBtnContainer{top:660px}.ToolsBtn{background-color:#fff;border:none;border-radius:8px;box-shadow:0 4px 8px #0000001a;cursor:pointer;display:inline-block;font-size:12px;font-weight:700;margin:3px;padding:8px;text-align:center;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.ToolsBtn.show,.ToolsBtn:hover{background-color:#87cefa;transform:scale(1.05)}.skilldash{border-top:2px solid #708090;left:60px;position:absolute;top:28px;width:40%}.stocks{display:grid;font-size:14px;grid-template-columns:auto auto auto auto;justify-content:center;position:absolute;top:700px;width:100%}.techstocks{animation:fadeIn 1s forwards;background-color:#f9f9f9;border:solid #708090;border-radius:5px;font-size:16px;height:30px;line-height:1.5;margin:1vw 5vw;opacity:0;padding:10px;transition:all .3s ease;width:150px}.techstocks.show{animation:fadeIns 1s forwards}.techstocks:first-child{animation-delay:.1s}.techstocks:nth-child(2){animation-delay:.2s}.techstocks:nth-child(3){animation-delay:.3s}.techstocks:nth-child(4){animation-delay:.4s}.techstocks:nth-child(5){animation-delay:.5s}.techstocks:nth-child(6){animation-delay:.6s}.techstocks:nth-child(7){animation-delay:.7s}.techstocks:nth-child(8){animation-delay:.8s}.techstocks:nth-child(9){animation-delay:.9s}.techstocks:nth-child(10){animation-delay:1s}.techstocks:hover{background-color:#ccc;line-height:1}@keyframes fadeIns{to{opacity:1}}.hover-text{color:#708090;font-size:12px}.stocksicon{float:left;margin-right:10px;position:relative;text-align:center;top:2px;transition:all .3s ease;width:25px}.stocksicon.show{transform:scale(1.2)}@media screen and (max-width:767px){.stocks{grid-template-columns:auto auto auto}.infobox,.infoboxcontainer{align-items:center;flex-direction:column;height:auto;padding:20px}.infobox{justify-content:center;position:static;width:90%}.circleinfo{height:220px;margin-left:0;margin-top:0;position:static;width:220px}.circleinfo.show{height:120px;width:120px}.aboutinfo{font-size:14px;line-height:1.4;margin-left:0;margin-top:10px;opacity:0;position:static;text-align:center;width:50%}.aboutinfo.show{margin-left:0;opacity:1;width:90%}.aboutme{font-size:18px;margin-bottom:10px;margin-left:0;position:static;text-align:center}.dash{display:none}.skills{margin-left:10px;padding:10px 0;position:static}.ToolsBtnContainer{margin-bottom:10px;margin-left:0;position:static;text-align:center}.stocks{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:0;position:static;top:auto}.techstocks{font-size:12px;height:auto;margin:0;padding:8px;width:auto}.stocksicon{margin-right:5px;width:20px}.hover-text{font-size:10px}}.proContainer{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:35px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.projectCard{animation:fadeInUp .6s ease forwards;background-color:#fafafa;border-radius:10px;box-shadow:0 4px 8px #0003;color:#000;opacity:0;padding:20px;transform:translateY(20px);width:300px}.projectImg{border-radius:5px;height:200px;object-fit:cover;object-position:center;overflow:hidden;width:100%}.projectContent{padding:10px}.projectContent h2{font-size:1.5em;margin:0}.projectContent p{margin:10px 0;width:100%}.technologies{color:#999;font-style:italic}.proTitle{justify-content:center;line-height:.5;text-align:center}.proLook{justify-self:center;text-align:center;width:100%}.sectionTitle{font-size:1.8rem;margin:2rem 0 1rem;text-align:center}@keyframes fadeIn{to{opacity:1}}.downloadBtn,.visitSiteBtn{background-color:#07f;border-radius:8px;color:#fff;display:inline-block;margin-top:1rem;padding:8px 16px;text-decoration:none;transition:background-color .3s ease}.downloadBtn:hover,.visitSiteBtn:hover{background-color:#005fcc}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.contact-page{font-family:Segoe UI,sans-serif;padding:2rem}.contact-container{align-items:center;display:block;margin:auto;max-width:960px}.contact-container h1,.contact-desc{justify-self:center}.contact-desc{font-size:1.1rem;margin-bottom:2rem;text-align:center}.contact-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.contact-form,.contact-info{background-color:#f8f8f8;border-radius:12px;box-shadow:0 0 10px #0000000d;flex:1 1 45%;padding:2rem}.contact-form h2,.contact-info h2{color:#333;margin-bottom:1rem}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:8px;font-size:1rem;margin:.5rem 0;padding:12px;width:100%}.contact-form textarea{height:120px;resize:vertical}.contact-form button{background-color:#07f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:12px 20px}.contact-form button:hover{background-color:#005fcc}.thank-you{color:green;font-weight:700}.social-links{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.social-links a{align-items:center;color:#444;display:flex;font-size:1rem;gap:8px;text-decoration:none;transition:color .2s}.social-links a:hover{color:#07f}@media screen and (max-width:767px){.contact-desc{font-size:1.1rem;margin-bottom:2rem;text-align:center}}
/*# sourceMappingURL=main.08d8b16e.css.map*/