body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1f1f38;color:#fff;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{display:flex;flex-direction:column;font-family:Josefin Sans,sans-serif;height:100%;margin-top:4rem}body{margin:0;padding:0}.nav{position:relative;position:-webkit-sticky;position:sticky;top:0;width:100%}.main{margin-left:3rem;margin-right:3rem}.portfolio{margin-top:2rem}.portfolio_container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);justify-content:center}.portfolio_item_img img{border-radius:5px;height:100%;width:100%}.portfolio_item_img{border:1px solid transparent;border-radius:5px;margin:10px}.portfolio_item{align-items:center;background-color:#2c2c6c;border:1px solid #fff;border-radius:15px 15px 0 0;box-shadow:0 -2px 5px 0 rgba(0,0,0,.75);-webkit-box-shadow:0 -2px 5px 0 rgba(0,0,0,.75);-moz-box-shadow:0 -2px 5px 0 rgba(0,0,0,.75)}.portfolio_item h3{margin:1.2rem 0 1rem .5rem}.portfolio_item-cta{display:flex;gap:.8rem;margin-bottom:5px;margin-left:15px}.portfolio_item-cta a{color:inherit;text-decoration:none}.text{text-align:center}@media screen and (max-width:1024px){.portfolio{margin-top:1rem}.text{text-align:center}.portfolio_container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:auto auto;justify-content:center}}@media screen and (max-width:600px){.portfolio{margin-top:1rem}.text{text-align:center}.portfolio_container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:auto;justify-content:center}}.contact_container{display:flex;gap:4rem;justify-content:center}.portform input,.portform textarea{background-color:#fff}.contact_text{margin-top:3rem;text-align:center}.contact_text h5{font-size:20px}.contact_options{display:flex;gap:2rem}.contact_option{align-items:center;background-color:#2c2c6c;border:1px solid #fff;border-radius:1rem;height:10rem;justify-content:center;padding:.5rem;text-align:center}a{color:inherit;text-decoration:none}.b{border:1px solid #fff;border-radius:8px;cursor:pointer;margin:1rem}form{display:flex;flex-direction:column;gap:1rem}input,textarea{background:transparent;border:2px solid #000;border-radius:.5rem;padding:1rem;resize:none;width:100%}.btn-primary{background-color:#2c2c6c;border-radius:10px;color:#fff;height:2rem;width:10rem}button{cursor:pointer}@media screen and (max-width:1024px){.contact_container{display:flex;gap:3rem;justify-content:center;padding:1rem}.contact_options{display:flex;gap:2rem}.contact_option{background-color:#2c2c6c;border:1px solid #fff;border-radius:1rem;height:10rem;padding:.5rem;text-align:center}.contact_option,.portform{align-items:center;justify-content:center}}@media screen and (max-width:600px){.contact_container{gap:2rem;padding:1rem}.contact_container,.contact_options{display:flex;flex-direction:column;justify-content:center}.contact_options{gap:1rem}.contact_option{border:1px solid #fff;border-radius:1rem;height:10rem;padding:.5rem;text-align:center}.btn-primary,.contact_option{align-items:center;background-color:#2c2c6c;justify-content:center}.btn-primary{border-radius:10px;color:#fff;height:2rem;width:10rem}button{cursor:pointer}.portform,button{align-items:center;justify-content:center}}#about{align-items:center;display:flex;flex-direction:column;margin-top:3rem}.about_me{aspect-ratio:18/20;background:linear-gradient(45deg,transparent,#6969f1,transparent);border-radius:2rem;border-radius:10px;display:grid;margin-left:10rem;place-items:center;width:60%}.about_container{align-items:center;display:flex;gap:5rem;justify-content:center}h2,h5{text-align:center}h5{margin-top:2rem}.about_card{align-items:center;background-color:#2c2c6c;border:1px solid #fff;border-radius:10px;padding:2rem;text-align:center;transition:var(--transition)}.about_card:hover{background:transparent}.about_cards{align-items:center;display:flex;gap:3rem}.about_icon{color:#194df8;font-size:1.4rem;margin-bottom:1rem}.about_me_image{border-radius:2rem;overflow:hidden;-webkit-transform:rotate(10deg);transform:rotate(10deg)}.about h2{color:#fff}.about_content{display:flex;flex-direction:column;margin-right:5rem}.talk{background-color:rgba(77,181,255,.4);border:1px solid #fff;border-radius:12px;cursor:pointer;padding:1rem;width:-webkit-max-content;width:max-content;width:4.3rem}.button_primary{height:5rem;width:8rem}.about_me_image:hover{-webkit-transform:rotate(0);transform:rotate(0)}.about_card small{color:#a4aece;font-size:.8rem}.about_content p{color:#cfd3df;margin:2rem,0,2.6rem}@media screen and (max-width:1024px){.about_container{display:flex;flex-direction:column;gap:3rem}.about_container,.about_me{align-items:center;justify-content:center}.about_me{aspect-ratio:19/11;background:linear-gradient(45deg,transparent,#6969f1,transparent);border-radius:4rem 2rem 4rem 2rem;border-radius:10px;display:grid;margin-left:0;place-items:center;width:60%}.about_me_image{border-radius:2rem;height:280px;overflow:hidden;padding:0;-webkit-transform:rotate(10deg);transform:rotate(10deg);width:280px}.about_cards{gap:3rem}.about_cards,.about_content{align-items:center;display:flex}.about_content{flex-direction:column;justify-content:center;margin-right:0}}@media screen and (max-width:600px){.about_container{display:flex;flex-direction:column;gap:3rem}.about_container,.about_me{align-items:center;justify-content:center}.about_me{aspect-ratio:19/13;background:linear-gradient(45deg,transparent,#6969f1,transparent);border-radius:4rem 2rem 4rem 2rem;border-radius:10px;display:grid;margin-left:0;place-items:center;width:60%}.about_me_image{border-radius:2rem;height:200px;overflow:hidden;padding:0;-webkit-transform:rotate(10deg);transform:rotate(10deg);width:250px}.about_cards{gap:3rem;margin-top:2rem}.about_cards,.about_content{align-items:center;display:flex}.about_content{flex-direction:column;justify-content:center;margin-right:0}.about_card{align-items:center;background-color:#2c2c6c;border:1px solid #fff;border-radius:10px;padding:2rem;text-align:center;transition:var(--transition)}.about_content p{color:#cfd3df;text-align:center}.talk{background-color:rgba(77,181,255,.4);border:1px solid #fff;border-radius:12px;cursor:pointer;padding:.8rem;width:-webkit-max-content;width:max-content}}.skills-a{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:2rem}.skillset{padding-bottom:1.5rem;text-align:center}.skills{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.backend,.frontend{background-color:#2c2c6c;border:1px solid transparent;border-radius:10px;display:flex;flex-direction:column;gap:2rem;padding:3rem}.unorderedlist{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:auto auto}.portfolio_list svg{font-size:10px;margin-top:3px}.portfolio_list{display:flex;font-size:13px}@media screen and (max-width:1024px){.backend,.frontend{background-color:#2c2c6c;border:1px solid transparent;border-radius:10px;display:flex;flex-direction:column;gap:2rem;padding:1.5rem}}@media screen and (max-width:600px){.backend,.frontend{background-color:#2c2c6c;border:1px solid transparent;border-radius:10px;display:flex;flex-direction:column;gap:2rem;padding:1rem}}.cta{align-items:center;display:flex;gap:2rem;justify-content:center}.download-btn,.letsTalk{background-color:#2c2c6c;border-radius:7px;color:#fff;cursor:pointer;font-size:15px;padding:.7rem;text-align:center}.download-btn :hover,.letsTalk:hover{background-color:#fff;color:blue}@media screen and (max-width:600px){.cta{align-items:center;display:flex;gap:1rem;justify-content:center}}.header{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;text-align:center}h1,h5{margin-bottom:5px;margin-top:5px}.header_cta{margin-bottom:10px;margin-top:5px}@media screen and (max-width:600px){h1{font-size:25px}}.links{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:rgba(0,0,0,.3);border-radius:3rem;bottom:2rem;display:flex;gap:1rem;height:3rem;justify-content:center;left:50%;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:4}.links svg{font-size:1.2rem}.links a{background:transparent;border-radius:50%;padding:.8rem}.links a:hover{background:rgba(0,0,0,.3)}.footer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.socialMedia svg{color:#fff;cursor:pointer;font-size:30px}.footer p{color:#fff}@media screen and (max-width:1024px){.footer{align-items:center;display:flex;flex-direction:column;font-size:18px;justify-content:center;margin-bottom:0;margin-top:0;width:100%}.socialMedia svg{color:#fff;cursor:pointer;font-size:30px;font-size:18px;margin-top:1rem}}@media screen and (max-width:600px){.footer{align-items:center;display:flex;flex-direction:column;font-size:18px;justify-content:center;margin-top:0;width:100%}.socialMedia svg{color:#fff;cursor:pointer;font-size:30px;font-size:18px;margin-top:1rem}}
/*# sourceMappingURL=main.28abc59c.css.map*/