*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,Arial,Helvetica,sans-serif}html{scroll-behavior:smooth}.app{background-color:var(--color-bg);width:100%;height:100%;overflow:hidden}.aboutcontainer{position:relative;background:#0c0c0c99;border-radius:15px;padding:73px;margin-top:129px;z-index:1;margin-left:10%;margin-right:10%}.aboutcontainer .title{color:var(--color-text);font-size:35px;font-weight:700;letter-spacing:1.75px;text-transform:uppercase}.aboutcontainer .content{display:flex;flex-direction:row;align-items:center}.aboutimg{width:45%}.aboutitems{display:flex;flex-direction:column;gap:15px}.aboutitem{display:flex;align-items:center;border-radius:20px;list-style:none;padding:25px;background-image:linear-gradient(90deg,#a5d7e86b,#fff0);background-size:0 100%;transition:.5s;background-repeat:no-repeat}.aboutitem:hover{background-size:100% 100%}.aboutitem h3{font-size:20px;font-weight:600;margin-bottom:10px}.aboutitem p{font-size:16px}@media screen and (max-width:830px){.aboutcontainer{background:transparent;padding-left:0;padding-right:0}.aboutcontainer .content{flex-direction:column}.aboutimg{display:none}.aboutitem{padding-left:0;padding-right:0}}.contactcontainer{color:var(--color-text);margin-top:120px;background-color:var(--color-secondary);display:flex;justify-content:space-evenly;padding:40px 0;width:100vw;gap:10px;flex-wrap:wrap}.contactcontainer .text{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:25px}.text h2{font-size:70px;font-weight:700;letter-spacing:3px}.contactcontainer .links{display:flex;flex-direction:column;align-items:flex-start;list-style:none;gap:26px}.contactcontainer .links .link{display:flex;align-items:center;gap:10px}.contactcontainer .links .link a{color:var(--color-text);text-decoration:none;font-size:18px}.expcontainer{color:var(--color-text);margin-top:79px;margin-right:10%;margin-left:10%}.expcontainer .title{color:var(--color-text);font-size:35px;font-weight:700;text-transform:uppercase;letter-spacing:1.75px}.expcontainer .content{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:24px}.skills{flex-basis:45%;display:flex;flex-wrap:wrap;gap:35px}.skill{display:flex;flex-direction:column;align-items:center;gap:15px}.skillimagecontainer{background-color:var(--color-secondary);border-radius:100%;display:flex;align-items:center;justify-content:center;width:120px;height:120px}.skillimagecontainer img{width:75px}.skill p{font-size:25px;font-weight:500}.history{flex-basis:45%;display:flex;flex-direction:column;gap:40px}.historyitem{display:flex;flex-direction:row;align-items:center;gap:17px;background:var(--color-secondary);border-radius:10px;padding:24px}.historyitem img{width:50px}.historyitemdetails h3{font-size:25px;font-weight:500}.historyitemdetails p{font-size:18px;font-weight:300}.historyitemdetails ul{margin-top:6px;list-style-position:inside;list-style-type:disc;margin-left:17px}@media screen and (max-width:830px){.expcontainer .content{flex-direction:column;align-items:center;gap:34px}.skills{width:100%;flex-direction:row;justify-content:center}.history{width:100%;gap:19px}}.container{position:relative;display:flex;align-items:center;justify-content:space-between;margin-top:49px;z-index:1;margin-left:10%;margin-right:10%}.content{display:flex;flex-direction:column;align-items:flex-start;color:var(--color-text);z-index:1}.content .title{font-size:72px;font-weight:900;margin-bottom:33px;background:linear-gradient(90deg,#fff 70%,#fff0 120%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.description{font-size:25px;margin-bottom:52px}.contactBtn{text-decoration:none;background-color:var(--color-primary);color:var(--color-text);border-radius:0 100px;font-size:25px;font-weight:600;padding:17px 26px;box-shadow:0 0 4px #00000040}.heroImg{width:50%;z-index:1;animation:floating 3s infinite ease-in-out}@keyframes floating{0%{transform:translate(0)}50%{transform:translateY(10px)}to{transform:translate(0)}}.topBlur{position:absolute;width:50vw;height:50vw;min-width:350px;min-height:350px;top:-128px;left:-10vw;border-radius:764px;background:#193764b3;filter:blur(100px);z-index:0}.bottomBlur{position:absolute;width:70vw;height:50vw;min-width:250px;min-height:350px;top:86px;right:-9vw;border-radius:764px;background:#193764b3;filter:blur(100px);z-index:0}@media screen and (max-width:830px){.container{flex-direction:column-reverse}.content{align-items:center;margin-top:10px}.content .title{font-size:40px}.content .description{font-size:18px}}.navbar{position:relative;display:flex;align-items:center;justify-content:space-between;padding-top:61px;z-index:2;margin:0 10%}.title{font-size:30px;font-weight:600;text-decoration:none;color:var(--color-text)}.title img{height:80px;width:80px}.menu{display:flex}.menuitems{display:flex;gap:47px;list-style:none}.menuitems a{text-decoration:none;font-size:25px;color:var(--color-text)}.menubtn{display:none}@media screen and (max-width:830px){.navbar{flex-direction:column;align-items:flex-start}.menu{position:absolute;right:0;margin-right:10%;flex-direction:column;align-items:flex-end;gap:11px;z-index:3}.menubtn{display:block;cursor:pointer}.menuitems{display:none;flex-direction:column;align-items:center;gap:13px;border-radius:10px;background:#7680ed72;padding:24px 33px;box-shadow:0 0 7px #e7e7fe40}.menuopen{display:block;gap:10px;z-index:1}}.projcontainer{margin-top:76px;color:var(--color-text);margin-left:10%;margin-right:10%}.projcontainer .title{font-size:35px;text-transform:uppercase;font-weight:700;letter-spacing:1.75px}.projects{margin-top:37px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:35px;width:100%}:root{--color-text:#fff;--color-primary:#576cbc;--color-secondary:#19376d;--color-dark:#0b2447;--color-bg:#04152d;--font-roboto:"Roboto"}.cardcontainer{display:flex;flex-direction:column;border-radius:10px;background:#576cbc;padding:18px 24px;max-width:345px}.image{margin-bottom:26px}.cardcontainer .title{font-size:25px;font-weight:700}.cardcontainer .description{margin-top:6px;font-size:18px;font-weight:400}.cardcontainer .skills{width:100%;margin-top:-24px;display:flex;flex-direction:row;margin-bottom:10px;flex-wrap:wrap;list-style:none;align-items:center;justify-content:center}.cardcontainer .skill{background:var(--color-dark);padding:12px 22px;border-radius:100px 0}.cardcontainer .links{width:100%;display:flex;justify-content:space-evenly;margin-top:20px}.cardcontainer .link{color:var(--color-text);text-decoration:none;background:var(--color-secondary);padding:12px;border-radius:100px;font-weight:600}.cardcontent{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}