.logo{display:flex;flex-direction:row;justify-content:space-between;margin:2rem}.brand{color:#fff;font-weight:500;font-size:20px;padding-right:1rem}.nav_cont{padding:.5rem;z-index:100;width:100%;background-color:rgba(0,0,0,.2)}.nav{display:flex;flex-direction:row;justify-content:space-between}.nav_items{justify-content:space-evenly;gap:30px;padding-right:1rem}.nav_item,.nav_items{display:flex;align-items:center}.nav_item{justify-content:center;color:#d3d3d3;width:130px;height:80px;font-weight:500;font-size:14px;cursor:pointer}.nav_item:hover{transform:scale(1.1);transition:transform .2s ease-in-out;color:#fff;border:1px solid #fff;box-shadow:0 0 10px hsla(0,0%,100%,.3)}#contact{padding:.3rem;border-radius:0;border:3px solid #d3d3d3}.dropdown_menu{display:none;position:absolute;right:2rem;top:60px;height:0;width:300px;background-color:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:10px;overflow:hidden;transition:height cubic-beziser(.175,.885,.32,1.275) .2s;z-index:100}.dropdown_menu.open{height:400px}.dropdown_menu .nav_items{padding:10px;display:flex;align-items:center;justify-content:space-between;flex-direction:column}.dropdown_menu .nav_item{padding:10px;height:50px;color:#d3d3d3;cursor:pointer}.dropdown_menu .nav_item:hover{transform:scale(1.1);transition:transform .2s ease-in-out;color:#fff;border:1px solid #fff}.dropdown_menu #contact_dropdown{padding:1rem;border-radius:0;border:3px solid #d3d3d3}.ham_button{color:#fff;font-size:1.5rem;cursor:pointer;display:none;padding:.5rem;border-radius:20px;margin:20px;font-weight:500;font-size:30px}@media(max-width:992px){.nav_items{display:none}.dropdown_menu,.ham_button{display:block}}@media (max-width:576px){.dropdown_menu{left:2rem;width:unset}}#home_cont{display:flex;justify-content:space-between;align-items:center;padding:2rem;height:-moz-fit-content;height:fit-content;width:100%;background-image:url(/_next/static/media/homeContainerBackround.2c5ecb33.jpg);background-size:cover}.descriptions{display:flex;position:absolute;padding:10px;margin:10px;border-radius:20px}.vert{display:flex;justify-content:center;align-items:center;font-size:150%;writing-mode:vertical-lr;transform:rotate(180deg);font-weight:600}.descriptions h1{font-weight:600;font-size:300%}.dev_text{background:linear-gradient(90deg,#68f7b7,#0a295f);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent}.UX_text{background:linear-gradient(90deg,#0a295f,#68f7b7);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent}.web_text{background:linear-gradient(90deg,#b024a6,#190234);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent}.image_cont_prof{display:flex;justify-content:flex-end;align-items:center;overflow:hidden;height:-moz-fit-content;height:fit-content;margin-top:5%;width:100%}.image{height:var(--full_heigth);width:auto;border-radius:99999px}.continue_button{color:#fff;background-color:#d7b909;padding:10px;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;border-radius:15px;font-weight:700;font-size:100%;cursor:pointer;box-shadow:0 0 10px rgba(0,0,0,.7)}.continue_button:hover{scale:1.2rem}@media(max-width:992px){.descriptions h1{font-weight:700;font-size:200%}.vert{font-size:100%}.image{height:624px;width:465px}}@media (max-width:576px){.descriptions h1{font-weight:700;font-size:120%}.vert{font-size:70%}.image{height:80%}}:root{--white:#fff;color:#fff;--full_heigth:100vh}#about_cont{width:100%;display:flex;flex-direction:column;justify-content:center;padding:1rem}.half_one{border-top-left-radius:.5%;border-top-right-radius:.5%}.half_one,.half_two{position:relative;background-color:rgba(0,0,0,.9)}.half_two{justify-content:center;align-items:center;padding:.5rem}#desc,.half_two{background-size:cover;display:flex}#desc{flex-direction:column;height:-webkit-fill-available;padding:1rem;margin:1rem;background-image:url(/_next/static/media/aboutMeBackground.1475694a.jpg)}.desc-first-half{display:flex;justify-content:center;align-items:center;height:100%;width:90%;gap:1rem}.desc-first-half h2{display:flex;padding:.5rem;margin:.5rem;font-weight:1000;font-size:75px;color:#fff}.desc-first-half p{font-size:70%;width:100%;line-height:1rem;padding-top:.5rem;padding-bottom:.5rem}.intro{padding:1rem}.intro h1{font-size:150%;font-weight:700}.name{background:linear-gradient(90deg,#68f7b7,#94ca0c);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent}.intro p{font-size:100%;font-weight:600;color:#ddd7d7}.expertise{justify-content:space-evenly;gap:1.5rem;height:200px}.expertise,.expertise h3{display:flex;align-items:center}.expertise h3{flex-direction:column;justify-content:center;text-align:center;font-size:20px;font-weight:800;width:300px;height:150px;padding:1rem;gap:.5rem;background-color:#0c0c0c}.logo_cont{justify-content:flex-start;align-items:center;padding:.5rem}.skills{display:flex;writing-mode:vertical-lr;transform:rotate(180deg);padding:.5rem;margin:.5rem;font-weight:1000;font-size:75px;color:#fff}.skill-desc{padding:2rem;display:grid;grid-gap:1rem;width:100%;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}#personal-skill{display:flex;justify-content:space-between;flex-direction:row;padding:1rem;border-radius:10px;box-shadow:10px 10px 30px hsla(0,0%,100%,.1);grid-column:1/-1;width:100%;gap:10px}#personal-skill div{text-align:center}.skill-info{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;border-radius:10px;box-shadow:10px 10px 30px hsla(0,0%,100%,.1)}.skill-info h4{padding:1rem;font-weight:700;white-space:pre-line;text-align:center}.circular-progress{display:flex;align-items:center;justify-content:center;position:relative;height:100px;width:100px;border-radius:50%}.circular-progress:before{content:"";position:absolute;height:80px;width:80px;border-radius:50%;background-color:#000}.progress-value{position:relative;color:#fff}@media (max-width:576px){#desc{flex-direction:column}#desc h2{font-size:30px}.desc-first-half{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;width:100%}.intro{text-align:center}.logo_cont{display:flex;justify-content:center;align-items:center}.expertise{font-size:90%}.expertise h3{width:-moz-fit-content;width:fit-content;font-size:80%}.half_two{flex-direction:column}.skills{writing-mode:initial;transform:none}.skill-desc{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}#personal-skill{padding:40px}#personal-skill,#personal-skill div{flex-direction:column;justify-content:center;align-items:center}#personal-skill div{display:flex;margin:10px}}*{box-sizing:border-box}p,small{color:#8f8f8f}p{font-size:.9rem;line-height:23px}h1{margin:0;font-size:20px;font-weight:700}#projectMainCont{margin:1rem;padding:1rem;display:flex;flex-direction:column;background-color:rgba(0,0,0,.7);background-image:url(/_next/static/media/projectContentBack.8a739e10.jpg);background-size:cover}#projectMainCont .projectName{padding:1rem;display:flex;justify-content:space-around;align-items:center;background-color:rgba(0,0,0,.9)}.projectName h1{font-size:40px;font-weight:800;width:50%;padding:1rem}.project{padding:1rem;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;background-color:rgba(0,0,0,.9)}.projectCont{width:90%;color:#f1f1f1;display:flex;background:#111;margin:2em 0;box-shadow:0 0 15px rgba(0,0,0,.7)}.projectCont a{-webkit-text-decoration:revert;text-decoration:revert}.content{padding:1.5rem;width:50%;display:flex;justify-content:space-evenly;align-items:flex-start;flex-direction:column}.imageProj{width:100%;height:100%;position:relative;overflow:hidden}.imageProj:before{content:"";position:absolute;left:-20%;top:-70%;transform:rotate(20deg);background:#111;width:40%;height:200%;box-shadow:0 0 20px rgba(0,0,0,.7)}.left .imageProj:before{transform:rotate(-20deg);left:auto;right:-6.1em}@media screen and (max-width:852px){.projectName h1{font-size:150%}.projectCont{display:block;width:20em}.content,.imageProj{width:100%}.inasImage{width:160%;height:9em}.imageProj:before{width:120%;height:40%;top:-5em;transform:translateY(90%) translateX(20%) rotate(10deg)}.left .imageProj:before{transform:translateY(-90%) translateX(-20%) rotate(-10deg);top:auto;bottom:-5em}}.contactMainCont{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;background-image:url(/_next/static/media/contactBackground.586ed46d.jpg);background-size:cover}.contactMainCont h1{font-family:Poppins,sans-serif;font-weight:800}.contactMainCont h3{font-family:Poppins,sans-serif;font-weight:600}.contactInfoMainCont{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;padding:1rem;width:100%}.infoContainer{justify-content:center}.infoContainer,.infoDetailsCont{display:flex;flex-direction:column;gap:1rem}.contactContainer{margin:1rem;padding:1rem;width:70%;border-radius:10px;background-color:rgba(3,37,118,.3)}.contactContainer,.contactContainer form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.contactContainer form input{height:40px;padding:10px;color:#000}.contactContainer form textarea{padding:1rem;color:#000}.contactContainer form button{padding:1rem;border-radius:10px;font-weight:800;background-color:#08b4e4}.logo_cont{display:flex;gap:1rem;font-size:1.5rem;line-height:2rem}@media (max-width:1093px){.infoContainer{align-items:center}}@media (max-width:576px){.logo_cont{display:flex;justify-content:center;align-items:center}}