*{font-family:Poppins,serif}body,html{width:100%;margin:0}html,body,#root,.App{height:100%}.App{overflow-y:auto;background-color:#f5f5f5}.currentTab{border-bottom:2px solid #1f62ff}.header{padding:0 100px}.Contact{padding:0 100px;display:flex;align-items:center;justify-content:space-between;background-color:#f5f5f5;background-image:linear-gradient(to left,#f5f5f5d8,#ffffff41),url(/images/377489366_a64ed899-be93-408a-8187-aa85839a583a.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}.Contact .heading{display:flex;align-items:center;gap:15px;font-size:1.6rem}.Contact .heading .icon{font-size:2rem}.Contact h1{margin:0;padding:0}.Contact p{margin:0;padding:0;font-weight:300;font-style:oblique}.Contact a{text-decoration:none;font-size:1.3rem;color:#0b0a07;margin:0}.Contact .links{display:flex;flex-direction:column;justify-content:center;padding:0;margin:45px 0}.Contact .links a .icon{font-size:2rem;color:#0b0a07}.Contact .links a .icon:hover{color:gray}.Nav{display:flex;justify-content:space-between;padding:0 100px 5px;font-size:1.07em;font-family:Courier New,Courier,monospace;background-color:#0b0a07;color:#fff;position:sticky;top:0;overflow:hidden}.Nav h3{padding:0;font-weight:700}.links{margin-right:50px;padding:0 15px;display:flex;justify-content:space-between;align-items:center;gap:25px}.links a{text-decoration:none;color:#fff}.links a:hover{text-decoration:none;color:#bbb}.Hero h1{font-size:2.7rem;font-weight:700;margin:0;padding:0}.Hero{min-height:600px;padding:0 100px;display:flex;align-items:center;background-color:#f5f5f5;background-image:linear-gradient(to left,#f5f5f5d8,#ffffff41),url(/images/377489366_a64ed899-be93-408a-8187-aa85839a583a.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}.Hero .introduction{flex:2;font-size:1.3rem;padding:0}.Hero p{width:90%;font-weight:300}.Hero .photo{flex:1;display:flex;align-items:center;justify-content:center}.Hero .photo img{width:340px;max-height:340px;border-radius:50%;object-position:0% 0%;box-shadow:2px 2px 3px #bbb}.Hero button{background-color:#0b0a07;outline:none;border:none;color:#fff;padding:15px;border-radius:7px}.Hero button:hover{background-color:#181716;cursor:pointer}.About{min-height:600px;padding:0 100px;display:flex;flex-direction:column;background-color:#e6e6e6;background-image:linear-gradient(to left,#e6e6e6,#e6e6e6ea),url(/images/377489366_a64ed899-be93-408a-8187-aa85839a583a.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}.About p{font-size:1.3rem;font-weight:300}.About .last{display:flex;align-items:center;gap:10px}.Skills{min-height:600px;background-color:#f5f5f5;background-image:linear-gradient(to left,#f5f5f5d8,#ffffff41),url(/images/377489366_a64ed899-be93-408a-8187-aa85839a583a.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}.Skills .frontend,.backend,.tools{padding:0 100px;margin:25px 0}.Skills .skills-div{display:flex;justify-content:space-evenly;gap:50px;flex-wrap:wrap}.tools .skills-div{display:flex;justify-content:flex-start}.Skills .skill{display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 20px;box-shadow:1px 1px 3px #bbb;background-color:#fff;border-radius:15px}.skill .icon{display:flex;align-items:center}.skill .icon img{width:50px;height:50px}.skill .text{font-size:.8rem;color:#1b1b1b}.Skills h4{font-weight:400}#skills{margin:0;padding:25px 100px}.Projects{padding:30px 100px;background-color:#e6e6e6;display:flex;flex-direction:column;gap:60px}.projects-nav{display:flex;gap:25px}.projects-nav div,.projects-nav div:hover{cursor:pointer}.Projects h1{margin-bottom:0}.Projects .project{width:100%;min-height:350px;border-radius:25px;display:flex;align-items:center}.Projects .project{border-radius:25px;background-color:#e6e6e6}.Projects .project video{flex:3;width:40%;min-height:300px}.Projects .project img{flex:3;width:40%;min-height:330px;object-fit:cover;object-position:0% 0%;border-radius:25px;box-shadow:1px 1px 3px #bbbbbb5b}.Projects .project .project-info{flex:4;min-height:300px;display:flex;flex-direction:column;background-color:#e6e6e6}.Projects .project .stacks{flex:1;display:flex;flex-wrap:wrap;padding:0 25px;gap:15px;margin:5px 0}.Projects .project .stack{height:fit-content;padding:7px;margin:10px 0;background-color:#d3d2d2;border-radius:10px;display:flex;align-items:center;gap:10px}.Projects .project h3{flex:1;font-weight:600;padding:0 25px;margin:0}.Projects .project p{flex:1;padding:0 25px;word-wrap:break-word}.Projects .project .buttons{flex:1;width:100%;padding:0 25px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:15px}.Projects .project .buttons a{text-decoration:none}.Projects .project .buttons button{padding:10px 15px;outline:none;border:none;cursor:pointer;border-radius:7px;background-color:#0b0a07;color:#f5f5f5;display:flex;align-items:center;gap:5px}.Footer{height:50px;background-color:#e6e6e6;display:flex;justify-content:center;align-items:center;font-size:.9rem}.Skills h3{font-weight:500;text-shadow:2px 2px 0px rgba(112,144,218,.3)}@media (max-width: 1025px){.Hero{flex-direction:column-reverse;padding:50px 100px;text-align:center}.Skills .skills-div{gap:25px;flex-wrap:wrap}.Projects .project{flex-direction:column;gap:25px}.Projects .project img{width:100%}.Projects .project video{width:100%}}@media (max-width: 768px){.header{padding:0}.Nav{flex-direction:column;padding:0}.Nav h3{text-align:center}.links{margin-right:0;padding:10px}.Hero{padding:50px}.Skills{padding:50px 10px}.Skills .frontend,.backend,.tools{padding:0;margin:0}.Projects{padding:0 10px}.About{padding:50px 10px}.Hero .photo img{width:250px;height:250px;border-radius:50%;object-position:0% 0%;box-shadow:2px 2px 3px #bbb}.Projects .project{align-items:flex-start}.Projects .project .buttons{padding:10px 0}.Projects .project h3,.Projects .project p,.Projects .project .stacks{padding:0}.Footer{text-align:center}.Contact{padding:50px 10px;flex-direction:column;justify-content:center}.Contact .links{flex-direction:row;margin:10px 0;justify-content:flex-start}.About .last{flex-direction:column;align-items:flex-start}.Contact .heading .icon{display:none}}