html{overflow-y:scroll;overflow-x:hidden}*{padding:0;margin:0;box-sizing:border-box;font-family:DM Sans,sans-serif}body{background-color:azure;color:#1b232b}a{text-decoration:none;color:inherit}.sectionAll{height:auto;scroll-snap-align:start}.sectionAbout{height:auto;scroll-snap-align:center;scroll-snap-align:start}.sectionExperience{height:auto;scroll-snap-align:center;background:linear-gradient(180deg,#b1c4d8 80%,#f0ffff1d);scroll-snap-align:start}.sectionSkills{height:100vh;scroll-snap-align:center;background:linear-gradient(to bottom,#19ecec00 70%,#b1c4d8 95%)}.sectionProjects{background:linear-gradient(to bottom,#19ecec00 70%,#b1c4d8 95%),linear-gradient(to top,#19ecec00 70%,#b1c4d8);padding-bottom:10vh}.footer{height:20vh;background:linear-gradient(to bottom,#19ecec00 70%,#b1c4d8 95%),linear-gradient(to top,#19ecec00 70%,#b1c4d8);color:#000;display:flex;justify-content:space-around;align-items:center;text-align:center}.about{margin:0;padding:0;width:100%;height:100vh;background:linear-gradient(to bottom,#19ecec00 70%,#b1c4d8 95%),linear-gradient(to top,#0ff0 70%,#a7b2c1);display:flex;align-items:center}.about .about-pic{margin:0;height:80%}.about .about-pic .pic{width:100%;height:100%;object-fit:cover;border-radius:10%}.about .about-me{margin:0 3vh;background-color:#262324;padding:5vh 8vh;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;gap:2vh;text-align:center;color:#b1c4d8;border-radius:12px;box-shadow:0 4px 10px #0000001a}@media (max-width: 1100px){.about .about-me{padding:4vh 5vh;gap:1.5vh;border-radius:8px}}@media (max-width: 768px){.about .about-me{padding:3vh 4vh;margin:0 2vh;gap:1vh}}.about .about-me .heady{font-size:2.5rem;font-weight:700;margin-bottom:1vh}@media (max-width: 1100px){.about .about-me .heady{font-size:2rem}}@media (max-width: 768px){.about .about-me .heady{font-size:1.8rem}}.navbar{height:100px;margin-left:15%}.navbar .wrapper{max-width:107vw;margin:auto;display:flex;justify-content:space-between;align-items:center;height:100%}@media (max-width: 1100px){.navbar .wrapper{justify-content:end;padding-right:20px}}.navbar span{font-weight:700}.navbar .social{padding-right:2%;display:flex;gap:20px}.navbar .social img{width:18px;height:18px}.sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b1c4d8}.sidebar .bg{position:fixed;top:0;left:0;bottom:0;width:400px;background:#262627;z-index:6}.sidebar .bg .links{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.sidebar .bg .links a{font-size:40px}.sidebar button{z-index:999;position:fixed;width:50px;height:50px;border-radius:50%;top:25px;left:25px;background-color:transparent;border:none;cursor:pointer}.home{height:calc(100vh - 100px);overflow:hidden;background:linear-gradient(180deg,azure,#a7b2c1)}@media (max-width: 912px){.home{height:auto;padding-bottom:100px}}.home .overlay{height:calc(100vh - 100px);display:flex;align-items:center}@media (max-width: 912px){.home .overlay{flex-direction:column;height:auto}}.home .overlay .wrapper{width:50%;max-width:1366px;height:100%;margin:10%;display:flex}.home .overlay .wrapper .textContainer{width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:40px}.home .overlay .wrapper h1{font-size:3rem;font-weight:300;color:#1b232b;white-space:wrap}.home .overlay .wrapper h2{font-size:1.8rem;font-weight:300;color:#565b61;white-space:wrap;font-weight:700}.home .overlay .wrapper h3{font-size:1.5rem;font-weight:300;color:#565b61;white-space:wrap}.home .overlay .wrapper p{font-size:1.2rem;font-weight:300;white-space:nowrap}@media (max-width: 912px){.home .overlay .wrapper p{white-space:normal}}.home .overlay .wrapper .buttons{display:flex;z-index:2}.home .overlay .wrapper .buttons button{padding:20px;border:1px solid #857d7d;border-radius:10px;background-color:#1b232b;color:azure;margin-right:20px;font-weight:300}.home .overlay .wrapper .buttons button:hover{background-color:transparent;color:#1b232b;border:1px solid #1b232b}.home .overlay .wrapper .scroll{width:10%}.home .overlay .imageContainer{display:grid;place-items:center;width:50%;position:relative;right:0;top:0;z-index:5}.home .overlay .imageContainer img{border:2px solid #1b232b;border-radius:2%;width:60%;box-shadow:#1b232b 0 0 10px}@media (max-width: 912px){.home .overlay .imageContainer{width:100%;position:static;margin-top:20px}}.home .slidingTextContainer{position:absolute;font-size:50vh;bottom:-120px;white-space:nowrap;color:#15141414;font-weight:700}.skills{margin:0;width:100%;padding-top:10vh;height:auto;min-height:100%}.skills .skills-title{font-size:4.8vh;text-align:start;padding:2vh 2vh 2vh 4vh;width:-25%;display:block;margin:0 0 2px 75%;background-color:#262324;color:#b1c4d8;border-radius:2vh 0vh 0vh 2vh}@media (max-width: 1100px){.skills .skills-title{font-size:3.5vh;padding:1.5vh 3vh;width:100%;border-radius:0vh;text-align:center;padding-left:0;padding-right:0;margin-left:0}}.skills .skills-ul{list-style-type:none;border:10px;width:auto;padding:2vh 0;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:5vh;text-align:center}.skills .skills-ul .skills-li{background-color:#262324;margin-bottom:2vh;border-radius:2vh;width:75vh}@media (max-width: 1100px){.skills .skills-ul .skills-li{width:80%;text-align:center;padding-left:0;padding-right:0}}.skills .skills-ul .skills-li img{margin:0 1.8vh;width:10.2vh;padding:2vh}.skills .skills-ul .skills-li .larger{margin:0 1.8vh;width:15.2vh;padding:2vh}.skills .skills-ul .skills-li .smaller{margin:0 1.8vh;width:8.2vh;padding:2vh}.experience-div{width:100%;height:auto;min-height:100%;padding-top:10vh}.experience-div .title1{font-size:4.8vh;text-align:end;padding:2vh 4vh 2vh 2vh;width:35%;display:block;margin:0;margin-top:5vh;margin-bottom:2px;background-color:#262324;color:#b1c4d8;border-radius:0vh 2vh 2vh 0vh}@media (max-width: 1100px){.experience-div .title1{font-size:3.5vh;padding:1.5vh 3vh;width:100%;border-radius:0vh;text-align:center;padding-left:0;padding-right:0}}.experience-div .body1{display:flex;align-items:center;justify-content:center;margin:15vh 10vh}@media (max-width: 1100px){.experience-div .body1{flex-direction:column;margin:5vh}}.experience-div .body1 img{margin:1.5vh 2.3vh;width:30.2vh}.experience-div .body1 .mac-img{border:2px solid #262324;border-radius:2vh}.experience-div .body1 .experience-div1{display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.experience-div .body1 .experience-div1 .title2{font-size:3.2vh;font-weight:700;margin-bottom:2vh}.experience-div .body1 .experience-div1 .body2 h1{font-size:2.4vh;font-weight:700;margin-bottom:1vh}.experience-div .body1 .experience-div1 .body2 ul{padding-left:1.5vh}.experience-div .body1 .experience-div1 .body2 h3{font-size:1.8vh;padding-bottom:1vh}.experience-div .body1 .experience-div1 .body2 p{font-size:1.6vh;margin-bottom:1vh}.shell{margin:0;padding-top:15vh}.shell .header{font-size:4.8vh;text-align:end;padding:2vh 4vh 2vh 2vh;width:35%;display:block;margin:0;background-color:#262324;color:#b1c4d8;border-radius:0vh 2vh 2vh 0vh}@media (max-width: 1100px){.shell .header{font-size:3.5vh;padding:1.5vh 3vh;width:100%;border-radius:0vh;text-align:center;padding-left:0;padding-right:0;margin-left:0}}.shell .begin{margin:0 auto;max-width:500px;padding:100px 0}.shell .begin .card-container{overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;padding-top:20px;margin-bottom:-120px}.shell .begin .card-container .splash{position:absolute;bottom:0;left:0;right:0;top:0;clip-path:path("M 0 303.5 C 0 292.454 8.995 285.101 20 283.5 L 460 219.5 C 470.085 218.033 480 228.454 480 239.5 L 500 430 C 500 441.046 491.046 450 480 450 L 20 450 C 8.954 450 0 441.046 0 430 Z")}.shell .begin .card-container .card{color:#b1c4d8;font-size:164px;width:300px;height:430px;flex-direction:column;display:flex;align-items:center;justify-content:space-evenly;background:#262324;border-radius:20px;box-shadow:0 0 1px #00000013,0 0 2px #00000013,0 0 4px #fb131313,0 0 8px #00000013,0 0 16px #00000013;transform-origin:10% 60%}.shell .begin .card-container .card .image{width:250px;border:1px solid #101313}.shell .begin .card-container .card h2{font-size:24px;font-weight:700;margin-top:20px;text-align:center}.shell .begin .card-container .card h3{font-size:18px;font-weight:500;margin:10px;text-align:center;padding:10px;background-color:#b1c4d8;border:2px solid rgb(3,3,3);border-radius:10%}.shell .begin .card-container .card h3 a{color:#262324;text-decoration:none}.shell .begin .card-container .card h3:hover{color:#fff;background-color:#000;border:2px solid #b1c4d8;transition:.4s}.shell .begin .card-container .card h3:hover a{color:#b1c4d8;text-decoration:none}@media (max-width: 1100px){.shell .begin{padding:50px 0}.shell .begin .card-container{padding-top:10px;margin-bottom:-60px}.shell .begin .card-container .splash{position:absolute;bottom:0;left:0;right:0;top:0;clip-path:path("M 0 303.5 C 0 292.454 8.995 285.101 20 283.5 L 460 219.5 C 470.085 218.033 480 228.454 480 239.5 L 500 430 C 500 441.046 491.046 450 480 450 L 20 450 C 8.954 450 0 441.046 0 430 Z");margin:0 50px}.shell .begin .card-container .card{font-size:120px;width:220px;height:350px}.shell .begin .card-container .card .image{width:180px}.shell .begin .card-container .card h2{font-size:20px;margin-top:15px}.shell .begin .card-container .card h3{font-size:16px;margin:8px;padding:8px}}