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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#000;color:grey;font-family:Beatrice,Arial,sans-serif;justify-items:center}.App,.parallax-section{align-items:center;display:flex}.parallax-section{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;height:590px;justify-content:center}.parallax-section img{@media (max-width:900px){width:100px}}.parallax-section h1{font-size:3.1vw;@media (max-width:600px){font-size:40px}}.parallax-section h1:first-letter{color:grey}.portfolio-section{align-items:center;display:flex;flex-direction:column;font-size:1.2vw;justify-content:center;text-align:left}.portfolio-section h2{color:#daa520;font-size:1.9vw;@media (max-width:600px){font-size:24px}}.content{display:flex;font-size:14px;gap:40px;padding:2% 15%;@media (max-width:600px){align-items:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0}}h4{color:#fff;margin-bottom:10px}.content span{color:grey;width:50%;@media (max-width:950px){font-size:18px;width:90%}}.divider{background:#999;height:.1px;margin:13px 0}.button{align-items:center;align-self:flex-end;align-self:center;background:#000;border:none;color:#daa520;cursor:pointer;display:flex;font-size:1vm;font-weight:600;justify-content:baseline;@media (max-width:850px){padding-bottom:.4em;padding-left:.4em;padding-right:.4em;padding-top:.4em}}.linkedin:first-letter{initial-letter:2 1;color:#daa520}.calender{align-items:baseline;background-color:#111;border-radius:5px;display:flex;gap:5px;padding:20px}.calender p{color:#daa520;font-size:12px;font-weight:600}.fotter-content{align-items:baseline;display:flex;font-size:13px;gap:5px;justify-content:center;@media (max-width:600px){align-items:center;display:flex;flex-direction:column}}.project-view-container{gap:10px}.project-view-container,.skills-container{align-items:center;display:flex;flex-direction:column}.skills-container{cursor:wait;height:600px;overflow-x:hidden}.image-container{display:flex;flex-direction:row;gap:40px;margin-bottom:80px}.skills{color:grey;font-size:14px;padding:50px 40px;white-space:nowrap;will-change:transform;writing-mode:vertical-lr}h2{color:#48a4a5}.navbar{align-items:baseline;display:flex;gap:10px;height:50px;padding:100px;@media (max-width:600px){display:flex;flex-wrap:wrap;padding-left:10px;padding-right:10px;padding-top:60px}}.navbar a:first-child{color:#daa520}.navbar a{color:#999;font-size:16px;text-decoration:none}.navbar span{color:#fff;font-size:14px}.resume{position:relative}.resume span{color:#48a4a5}@keyframes arrow-animation{0%,to{top:10px}50%{top:20px}}@media screen and (max-width:600px){.navbar a{font-size:12px}}@media screen and (min-width:601px) and (max-width:1024px){.navbar a{font-size:12px}}.main-container{flex-direction:column;width:100%;@media (max-width:900px){padding-left:3px}}.main-container,.three-dots-container{align-items:center;display:flex;justify-content:center}.three-dots-container{align-self:start;@media (max-width:600px){margin-bottom:0;margin-left:20px;margin-right:0;margin-top:5px}}.dot{animation:bounce 1.4s ease-in-out infinite both;background-color:red;border-radius:50%;height:8px;margin:0 4px;width:8px}.dot-1{animation-delay:-.32s}.dot-2{animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}input[type=text]{border:1px solid #48a4a5;border-radius:5px;margin:20px;outline-color:#48a4a5;padding:15px;width:700px;@media (max-width:900px){margin-top:10px;width:70vw}}.form-container{@media (max-width:600px){align-items:center;display:flex;flex-direction:column}}button{border:none;border-radius:5px;cursor:pointer;padding:15px 20px}code{background-color:#f5f5f5;border-radius:5px;display:block;margin:20px 0;padding:20px}.header{gap:5px;justify-content:center}.description:first-letter{initial-letter:3 2;color:red}.text-container{display:flex;flex-direction:column;padding:2% 15%;text-align:left}.header{align-items:center;display:flex;gap:10px}.header h1:first-letter{initial-letter:2 1;color:red}
/*# sourceMappingURL=main.e479814c.css.map*/