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}body{background-color:#0a0a0a;color:#e0e0e0;font-family:Josefin Sans,sans-serif;margin:0;overflow-x:hidden;padding:0}.header{background:#0d1117;box-sizing:border-box;left:0;padding:0 100px;position:absolute;top:0;width:100%}.header nav{float:right}.header nav ul{display:flex;margin:0;padding:0}.header nav ul li{color:#fff;list-style:none;margin:35px 40px}@media (max-width:600px){.header{padding:0 20px}}#onpagetop{color:#3b82f6;font-size:21px;text-decoration:none}.onpage{background-image:linear-gradient(#1e3a5f,#000)}.hero{align-items:center;background-color:#0d1117;display:flex;flex-direction:column;height:700px;justify-content:center;margin-top:90px;width:100%}.hero p{border-right:3px solid #3b82f6;color:#60a5fa;font-size:38px;overflow:hidden;white-space:nowrap}#text{animation:animate-text 10s steps(10) 1s normal both,animated-cursor .5s steps(10) normal}@keyframes animate-text{0%{width:0}to{width:190px}}@keyframes animated-cursor{0%{background-color:#0d1117}to{background-color:initial}}@media (max-width:600px){.hero p{font-size:25px}#hometextname{font-size:20px}}.Projects{align-items:center;background-image:linear-gradient(#1e3a5f,#0a0a0a);display:flex;justify-content:space-between;margin:90px auto;padding:25px;width:90%}.project-box{--g:4px;--b:12px;--c:#3b82f6;--_c:#0000 0 25%,var(--c) 0 50%;--_g1:repeating-linear-gradient(90deg,var(--_c)) repeat-x;--_g2:repeating-linear-gradient(180deg,var(--_c)) repeat-y;background:var(--_g1) 25% 0,var(--_g2) 0 125%,var(--_g1) 125% 100%,var(--_g2) 100% 25%;background:var(--_g1) var(--_p,25%) 0,var(--_g2) 0 var(--_p,125%),var(--_g1) var(--_p,125%) 100%,var(--_g2) 100% var(--_p,25%);background-size:200% var(--b),var(--b) 200%;color:#fff;cursor:pointer;filter:grayscale(50%);height:250px;padding:calc(var(--g) + var(--b));transition:.3s;width:25%}.project-box:hover{--_p:75%;filter:grayscale(0)}.project-box h1 p h5{color:#fff}.project-box h5{cursor:pointer}@media (max-width:600px){.Projects{flex-direction:column}.project-box{font-size:15px;height:290px;margin-bottom:30px;width:280px}}.Service-folder{align-items:center;display:flex;justify-content:space-between;margin:90px auto;padding:25px;width:90%}.service-folder-box{background-color:#0d1117;border:1px solid #1e3a5f;border-radius:25px;box-shadow:2px 2px 12px 2px rgba(59,130,246,.3);color:#e0e0e0;min-height:250px;height:auto;padding:15px;text-align:center;width:25%}@media (max-width:600px){.Service-folder{flex-direction:column;padding:0}.service-folder-box{font-size:13px;margin-bottom:25px;width:50%}}.form{background-color:#0d1b2a;height:550px;margin-top:90px;padding:15px;width:100%}.form h1{color:#fff}.form label{color:#fff;display:block;font-size:30px}.form input{background-color:#162233;color:#e0e0e0;margin-bottom:10px;padding:13px;width:300px}.form #btn,.form input{border:none;border-radius:10px;outline:none}.form #btn{background-color:#3b82f6;color:#fff;font-size:20px;height:40px;margin-top:10px;width:150px}@media (max-width:600px){.form{height:500px;padding:5px}.form h1{text-align:center}.form label{font-size:20px}.form input{padding:8px;width:170px}.form textarea{height:130px;width:270px}.form #btn{font-size:15px;height:30px;width:150px}}
/*# sourceMappingURL=main.09cf389e.css.map*/