*{padding:0;margin:0;box-sizing:border-box;font-family:DM sans,sans-serif}body{background:#0c0c1d;color:#d3d3d3}.about>h1{font-size:2rem}.about>p{font-size:2.5rem;cursor:pointer}.about>p span{-webkit-text-fill-color:transparent;background:linear-gradient(#020063,#cbef2ae0,#3613e8);background-clip:text;-webkit-background-clip:text;font-weight:700}.about_container{display:flex;justify-content:space-around;align-items:center}.about_container .about_right h1{font-size:1.6rem;font-weight:700}.about .card{background-color:#011522;border-radius:8px;width:35vw;z-index:1;padding:1rem;box-shadow:1px 1px 5px #8b8bde}.about .tools{display:flex;align-items:center;padding:9px}.about .circle{padding:0 4px}.about .box{display:inline-block;align-items:center;width:10px;height:10px;padding:1px;border-radius:50%}.about .red{background-color:#ff605c}.about .yellow{background-color:#ffbd44}.about .green{background-color:#00ca4e}.about .card .card__content *{margin:5% 0%;padding:10px}.about .card p{font-size:1.2rem;text-align:justify}.about>p{font-size:xx-large;font-weight:500;color:#fff;text-align:center;margin:50px 0}.about .about_container .about_left{display:flex;justify-content:center;align-items:center;width:50%}.about .about_container .about_left img{width:70%}@media (max-width:1024px){.about .card{width:40vw}}@media (max-width:800px){.about .about_container{flex-direction:column;justify-content:center}.about>p{margin:50px 0}.about .about_left img{margin-bottom:50px}.about .card{width:70vw;padding:.8rem}.about .about_container .about_left{width:90%}}@media (max-width:500px){.about .card{width:80vw;padding:.6rem}.about .card p{font-size:1rem}.about>p{font-size:1.5rem;cursor:pointer}.about .card__content h1{font-size:larger}}.skills>p{-webkit-text-fill-color:transparent;background:linear-gradient(#020063,#cbef2ae0,#3613e8);background-clip:text;-webkit-background-clip:text;cursor:pointer;font-size:2rem;text-align:center;font-weight:600;margin:40px 0}.skills{margin-bottom:50px}.skills .skills_container{width:70%;position:relative;left:70%;translate:-70%}.skills .skills_container ul{list-style:none;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;row-gap:40px}.skills .skills_container ul li>*{padding:10px;border-radius:100%;box-shadow:1px 1px 2px #8b8bde}@media (max-width:1024px){.skills .skills_container{width:90%;left:100%;translate:-100%}.skills .skills_container ul li>*{width:80px;height:80px}}@media (max-width:800px){.skills .skills_container{width:86%;left:100%;translate:-100%}.skills .skills_container ul{grid-template-columns:1fr 1fr 1fr}.skills .skills_container ul li>*{width:100px;height:100px}}@media (max-width:500px){.skills .skills_container{width:70%;left:70%;translate:-70%}.skills .skills_container ul{grid-template-columns:1fr 1fr 1fr}.skills .skills_container ul li>*{width:50px;height:50px}}.contact_main{height:80vh;margin:50px 0}.contact_main>p span{-webkit-text-fill-color:transparent;background:linear-gradient(#020063,#cbef2ae0,#3613e8);background-clip:text;-webkit-background-clip:text;font-weight:700}.contact_main>p{font-size:xx-large;font-weight:500;color:#fff;text-align:center;margin-bottom:50px}.contact{display:flex;justify-content:space-evenly;align-items:center}.contact .contact_left{display:flex;flex-direction:column;align-items:center}.contact .contact_left>*{margin-bottom:30px}.contact .contact_left>h1{font-size:1.8rem;font-weight:600}.contact .contact_mail_box{border-radius:16px;padding:2rem;box-shadow:1px 1px 5px #8b8bde;display:flex;flex-direction:column;align-items:center}.contact .contact_mail_box h1{font-size:1.8rem;font-weight:500;margin-bottom:20px}.contact .contact_mail_box h4{font-size:1.1rem;font-weight:500;margin-bottom:20px}.contact .contact_mail_box a{text-decoration:none;color:#d3d3d3}.contact .button{font-size:small;display:flex;justify-content:center;align-items:center;background-color:inherit;color:#fff;border:none;cursor:pointer;transition-duration:.2s;font-weight:520;font-size:1.2rem}.contact .arrow{width:20px;display:inline}.contact .button:hover{transition-duration:.2s}.contact .button:hover .arrow{animation:slide-right .6s ease-out both}@keyframes slide-right{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}.contact .button:active{transform:translate(1px,1px);transition-duration:.2s}.contact .contact_right{display:flex;flex-direction:column;align-items:center}.contact_main .contact .contact_right .contact__form{width:400px}.contact_main .contact .contact_left .contact_mail_box{width:300px;height:200px}.contact .contact_right form{border-radius:16px;padding:2rem;box-shadow:1px 1px 5px #8b8bde;display:flex;flex-direction:column;align-items:center}.contact .contact_right form input{width:100%;height:40px;padding:.4rem;margin-bottom:20px;border-radius:10px;border:none;outline:none}.contact .contact_right form textarea{width:100%;padding:.4rem;margin-bottom:20px;border-radius:10px;border:none;outline:none}.contact .contact_right>h1{font-size:1.8rem;font-weight:600}.contact .contact_right>*{margin-bottom:30px}.contact .form_btn{--bg: #4b79ed;--hover-bg: #422aad;--hover-text: #fff;color:#fff;cursor:pointer;border:1px solid var(--bg);border-radius:4px;padding:.8em 2em;background:var(--bg);transition:.2s}.contact .form_btn:hover{color:var(--hover-text);transform:translate(-.25rem,-.25rem);background:var(--hover-bg);box-shadow:.25rem .25rem var(--bg)}.contact .form_btn:active{transform:translate(0);box-shadow:none}@media (max-width:800px){.contact_main{height:130vh}.contact_main .contact{display:flex;flex-direction:column}.contact_main .contact .contact_right{width:100%}.contact_main .contact .contact_right .contact__form{width:60%}}@media (max-width:500px){.contact_main>p{font-size:2rem}.contact .contact_left>h1{font-size:1.5rem}.contact .contact_right>h1{font-size:1.5rem}.contact_main{height:130vh}.contact_main .contact{display:flex;flex-direction:column}.contact_main .contact .contact_right .contact__form{width:90%}.contact_main .contact .contact_left .contact_mail_box{width:100%;height:200px}}.footer{color:#fff;padding:20px 0}.footer ul{display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:space-evenly;align-items:center;list-style:none}.footer ul .social{display:flex;justify-content:space-around;align-items:center}.footer ul li p{text-align:center}.footer ul .social a{text-decoration:none;color:inherit}.footer ul .social a>*{width:30px;height:30px}@media (max-width:800px){.footer ul{display:flex;flex-direction:column;align-items:center;justify-content:space-around}.footer ul>li{margin-bottom:20px}.footer ul li:last-child{width:40%}.footer ul .social a>*{width:20px;height:20px}}@media (max-width:600px){.footer ul{display:flex;flex-direction:column;align-items:center;justify-content:space-around}.footer ul>li{margin-bottom:20px}.footer ul li:last-child{width:50%}.footer ul .social a>*{width:20px;height:20px}}@media (max-width:600px){.footer ul li:last-child{width:80%}}.home{height:80vh;display:flex;justify-content:space-around;align-items:center}.home .card{background-color:#011522;border-radius:8px;width:50vw;height:50vh;z-index:1;padding:1rem;box-shadow:1px 1px 5px #8b8bde}.home .tools{display:flex;align-items:center;padding:9px}.home .circle{padding:0 4px}.home .box{display:inline-block;align-items:center;width:10px;height:10px;padding:1px;border-radius:50%}.home .red{background-color:#ff605c}.home .yellow{background-color:#ffbd44}.home .green{background-color:#00ca4e}.home .card .card__content *{margin:1% 0%;padding:10px}.home .card h1{font-size:3.5rem}.home .card h2{font-size:2.5rem}.home .card h2 span{color:#89b4da}.home .card p{font-size:1.5rem}.home .card p span{font-weight:700}.home .home_resume{width:fit-content;color:#dacbcb;border:1px solid rgb(218,203,203);font-weight:550}.home .home_resume a{text-decoration:none;color:inherit}.home .home_resume:hover{background-color:#fff;color:#000}.home .home_right{display:flex;justify-content:center;align-items:center}.home .home_right div{width:80%}@media (max-width:1024px){.home{height:120vh;display:flex;flex-direction:column-reverse;align-items:center}.home .card{width:75vw}.home .card h1{font-size:3rem}.home .card h2{font-size:2.2rem}.home .card h2 span{color:#89b4da}.home .card p{font-size:1.3rem}.home .card p span{font-weight:700}.home .home_right div{width:85%}}@media (max-width:800px){.home .card{width:80vw;height:50vh}.home .card h1{font-size:2.7rem}.home .card h2{font-size:2rem}.home .card h2 span{color:#89b4da}.home .card p{font-size:1.1rem}.home .card p span{font-weight:700}}nav{padding:1rem;background-color:#010e646d}nav .logo{height:50px;width:65px}nav .logo img{height:inherit;width:inherit}nav{display:flex;justify-content:space-between;flex-wrap:wrap}nav .menulinks ul{width:50vh;list-style:none;display:flex;justify-content:space-between}nav .menulinks ul li{color:#fff;font-weight:600;padding-top:15px}nav .menulinks ul li a{text-decoration:none;color:#fff}nav .hamburger{cursor:pointer;display:none}nav .hamburger input{display:none}nav .hamburger svg{height:3em;transition:transform .6s cubic-bezier(.4,0,.2,1)}nav .line{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}nav .line-top-bottom{stroke-dasharray:12 63}nav .hamburger input:checked+svg{transform:rotate(-45deg)}nav .hamburger input:checked+svg .line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42}nav button{font-size:.9rem;color:#e1e1e1;font-family:inherit;font-weight:600;cursor:pointer;position:relative;border:none;background:none;text-transform:uppercase;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-duration:.4s;transition-property:color}nav button:focus,nav button:hover{color:#fff}nav button:focus:after,nav button:hover:after{width:100%;left:0%}nav button:after{content:"";pointer-events:none;bottom:-2px;left:50%;position:absolute;width:0%;height:2px;background-color:#b2dbd7;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-duration:.4s;transition-property:width,left}@media (max-width:700px){nav .menulinks{display:none}nav .hamburger{display:block}}.project_card{width:20%}.projects{margin:40px 0;width:90%;position:relative;left:50%;translate:-50%}.projects>p{-webkit-text-fill-color:transparent;background:linear-gradient(#020063,#cbef2ae0,#3613e8);background-clip:text;-webkit-background-clip:text;cursor:pointer;font-size:xx-large;text-align:center;font-weight:550;margin:50px 0}.projects .project_container{width:100%;position:relative;left:50%;translate:-50%;display:flex;justify-content:center;align-items:center}.project_card .project_img img{width:100%;height:100%;border-radius:16px}.project_card{min-width:260px;padding:10px;background-color:#07102d;background:linear-gradient(to top right,#07102d,#3a3c54);background:-webkit-linear-gradient(to top right,rgb(7 16 45),rgb(58 60 84));border-radius:16px}.project_card .project_title{color:#488aec;font-size:1.5rem}.project_card>*{margin-bottom:10px}.project_card .project_description>*{margin-bottom:10px}.project_card .project_description{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.project_card .project_description a{text-decoration:none;padding:5px 10px;border-radius:5px;background-color:#488aec;align-self:center}.sidebar{background:#d389c980;width:60vw;position:absolute;right:0%;z-index:1000;border-radius:0 0 0 16px;display:none}.sidebar .menulinks{width:100%}.sidebar .menulinks ul{list-style:none}.sidebar .menulinks ul li{display:block;text-align:center;padding:20px}.sidebar .menulinks ul li button{background-color:inherit;border:none}.sidebar .menulinks ul li a{text-decoration:none;color:#fff}.sidebar .menulinks ul li:hover{background-color:#d389c966}.sidebar .menulinks ul li:active{background-color:#d389c999}