@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");.cursor{height:40px;width:40px;border-radius:50%;position:fixed;z-index:5;transition:0s;pointer-events:none;margin:0;padding:0;top:0;left:0}body .cursor{background-color:var(--foreground);border:1px solid var(--foreground)}.dark .cursor{background-color:#f5f5f5;border:1px solid #f5f5f5}.light .cursor{background-color:#171717;border:1px solid #171717}body svg{fill:var(--foreground)}.dark svg{fill:#f5f5f5}.light svg{fill:#000}nav svg{width:30px;height:30px}.header{justify-content:center;margin:0 auto;flex-direction:column}.header,nav{align-items:center;width:100%;display:flex}nav{position:relative;flex-direction:row;justify-content:space-between;max-width:1187px;margin-top:42px}.port a{transform:scale(1);transform-origin:flex start}.port:hover a{transform:scale(1.02)}body .ports{padding:10px 15px;background-color:var(--subcolour);border-radius:10px;cursor:not-allowed;transform:scale(1);transform-origin:center}.light .ports{background-color:#9099b3}.dark .ports{background-color:#2d313d}body .ports a{cursor:not-allowed}body .hide{transform:scale(0)}li{list-style:none}a{display:flex;flex-direction:row;position:relative;align-items:center;font-weight:600;font-size:19px;transition:.5s;transition-timing-function:ease-in-out}a h3{margin-left:22px}*{font-family:Poppins,sans-serif;transition:.1s;padding:0;margin:0}.menuPath{flex-direction:row}.menu,.menuPath{display:flex;align-items:center}.menu{width:20px;height:20px;flex-direction:column;justify-content:space-between;margin-left:22px}.menu div{width:100%;height:2px;border-radius:30px}body .menu div{background-color:var(--foreground)}.light .menu div{background-color:#171717}.dark .menu div{background-color:#f5f5f5}.main_container{position:relative;clip-path:padding-box;width:100%;max-width:1187px;padding:60px;margin-top:5%;border-radius:30px;transform-origin:center;transform:scale(1);transition:.5s}body .main_container{background-color:var(--main);box-shadow:var(--shadow)}.dark .main_container{background-color:#161616;box-shadow:0 0 50px rgba(0,0,0,.329)}.light .main_container{background-color:#fff;box-shadow:0 0 50px hsla(0,0%,59%,.329)}.light .main_container:hover,body .main_container:hover{background-color:#222;color:#fff;transform:scale(1.01)}.dark .main_container:hover{background-color:#e0e0e0;color:#000}.light .main_container:hover .skills span,body .main_container:hover .skills span{background-color:#2d313d;color:#fff}.dark .main_container:hover .skills span{background-color:#9099b3;color:#000}.inside_container,.inside_container2{display:flex;justify-content:space-between}.inside_container2{align-items:center}.text_writeup{font-weight:500;font-size:28px;width:80%;transform:scale(1);transform-origin:center}.removeText{transform:scale(0);display:none}.writeUp .myName{font-weight:bolder}.writeUp{width:60%}.skills{margin-top:25px;display:flex;transform:scale(1);transform-origin:center}.removeSkills{transform:scale(0);display:none}.skills span{display:flex;align-items:center;justify-content:center;width:181px;height:42px;border-radius:10px;margin-right:25px}body .skills span{background-color:var(--subcolour)}.light .skills span{background-color:#ccd2e3}.dark .skills span{background-color:#2d313d}.skills span p{font-weight:600;font-size:15px;margin-right:8px}.skills span svg{width:17px;height:18px}.main_container:hover .wave,.main_container:hover .waves{animation:wave .5s ease-in-out infinite;transform-origin:top 100%,left 50%}.main_container:hover .image2 img{transform:rotate(-180deg)}.waves{display:none}footer{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1187px;margin-top:5%;padding-bottom:3%}footer p{font-weight:500}footer .links{display:flex}footer .links a{margin-left:40px}.nav2{display:none}.newwave,.newwaves{position:absolute;z-index:5;bottom:-30%;right:-5%}.newwaves{display:inline}.image,.image2{transform:scale(1);transform-origin:center}.removeImg{transform:scale(0)}.menubox{display:none}.removebox{display:flex;flex-direction:column}.menuTitle h1{font-weight:800;font-size:28px;margin-bottom:20px}.linkMenu a{margin-bottom:42px}.linkMenu a,.linkMenu a svg{display:flex;align-items:center}.linkMenu a svg{margin-right:12px}body .main_container:hover svg{fill:var(--foreground)}.dark .main_container:hover svg{fill:#fff}.light .main_container:hover svg{fill:#000}@keyframes wave{0%{transform:rotate(0)}50%{transform:rotate(90deg)}to{transform:rotate(0)}}.light .main_container:hover .skills span svg,body .main_container:hover .skills span svg{fill:#fff}.dark .main_container:hover .skills span svg{fill:#000}body .main_container:hover .skills span .uidesign{fill:none;stroke:var(--main)}.dark .main_container:hover .skills span .uidesign{stroke:#fff;fill:none}.light .main_container:hover .skills span .uidesign{stroke:#000;fill:none}body .uidesign{stroke:var(--foreground);fill:none}.dark .uidesign{stroke:#fff;fill:none}.light .uidesign{stroke:#000;fill:none}.about a{margin-top:25px;font-size:.85em;display:flex;align-items:center;justify-content:center;width:181px;height:42px;border-radius:10px;transform-origin:center;transform:scale(1);transition:.5s}body .about a{background-color:var(--foreground);color:var(--main)}.light .about a{background-color:#171717;color:#fff}.dark .about a{background-color:#fff;color:#000}.about a:hover{transform:scale(1.1);font-weight:700}body .main_container:hover .about a{background-color:var(--main);color:var(--foreground)}.light .main_container:hover .about a{background-color:#fff;color:#000}.dark .main_container:hover .about a{background-color:#000;color:#fff}.menu:hover{align-items:center;justify-content:center;transition:1s;position:relative}.menu:hover div:first-child{transform-origin:center;transform:rotate(45deg);width:28.28px;transition:1s;position:absolute;top:50%}.menu:hover div:nth-child(3){transform-origin:center;transform:rotate(-45deg);width:28.28px;transition:1s;bottom:50%}.menu:hover div:nth-child(2){width:0;transition:1s}.newmenu{align-items:center;justify-content:center;transition:1s;position:relative}.newmenu div{height:3px}.newmenu div:first-child{transform-origin:center;transform:rotate(45deg);width:28.28px;transition:1s;position:absolute;top:50%}.newmenu div:nth-child(3){transform-origin:center;transform:rotate(-45deg);width:28.28px;transition:1s;bottom:50%}.newmenu div:nth-child(2){width:0;transition:1s}.darkbtnStuff{width:100%;max-width:1187px;justify-content:right;margin-top:5%}.darkbtnStuff,.listen{display:flex;align-items:center}.listen{height:50px;border-radius:50px;padding:5px;justify-content:space-between}body .listen{color:var(--main);background-color:var(--foreground);box-shadow:var(--shadow)}.dark .listen{color:#000;background-color:#f5f5f5;box-shadow:0 0 50px hsla(0,0%,59%,.329)}.light .listen{color:#fff;background-color:#171717;box-shadow:0 0 50px rgba(0,0,0,.329)}.listen a{font-weight:500;font-size:12px}.listen a svg{margin-left:10px}.listen h5{margin-left:20px}.darkbtn{background-color:#2d313d}.darkbtn,.lightbtn{width:53px;height:53px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);border-radius:50px;margin-left:50px}.lightbtn{background-color:#000}.removemainTitle{display:none}.mainTitle{font-size:50px;font-weight:900;margin-bottom:3%}.removeMainWriteUp{display:none}.mainWriteUp{margin-bottom:6%}body .homeLink a{margin-top:25px;font-size:.85em;display:flex;align-items:center;justify-content:center;width:181px;height:42px;border-radius:10px;transform-origin:center;transform:scale(1);transition:.5s;background-color:var(--foreground);color:var(--main)}body .main_container:hover .homeLink a{background-color:var(--main);color:var(--foreground)}.homeLinkName{display:flex;align-items:flex-end;justify-content:center}.homeLinkName svg{margin-right:20px;fill:var(--main)}body .main_container:hover .homeLink .homeLinkName svg{fill:var(--foreground)}.main_container .image2 img{transition:1s;transform-origin:center}@media (orientation:portrait){.cursor{display:none}}@media (max-width:1187px){.darkbtnStuff{justify-content:left}.darkbtnStuff,nav{max-width:700px}.main_container{max-width:700px;margin-top:10%}.inside_container,.inside_container2{flex-direction:column-reverse}.inside_container .writeUp,.inside_container2 .writeUps{width:100%}footer{max-width:700px;position:relative}}@media (max-width:700px){.darkbtnStuff{max-width:400px;flex-direction:column-reverse;align-items:normal}.darkbtn,.lightbtn{margin-left:0}.listen{width:max-content;margin-top:5%}.removeImg{width:0;height:0}nav{display:none;background-color:#ccd2e3}.nav2{display:block;width:100%;max-width:400px;justify-content:space-between;margin-top:6%}.nav2,.nav2 .inside_nav2{display:flex;align-items:center}.nav2 svg{width:60px;height:60px}.nav2 .menu{width:30px;height:30px}.nav2 .menu div{height:3px}.main_container{max-width:400px;margin-top:5%;padding-right:19px;padding-left:19px;border-radius:15px}.main_container .writeUp{width:100%;font-size:.9em}.main_container .image,.main_container .image2{margin-bottom:10%}.main_container .image img{width:100px;height:100px}.main_container .image2 img{width:100px;height:auto;transition:1s;transform-origin:center}.main_container .image2{width:100%}.main_container .wave{width:50px;height:50px}.main_container .skills{flex-wrap:wrap}.main_container .skills span{margin:5px 0;width:170px;height:42px}.main_container .skills span:first-child{margin-right:5px}.main_container .skills span p{font-size:15px;font-weight:500}footer .links{margin-bottom:5%}footer .links a{margin-left:0;margin-right:40px}footer{max-width:400px;flex-direction:column-reverse;align-items:flex-start;margin-top:10%;position:relative}footer .copyright{width:100%}}@media (max-width:400px){.darkbtnStuff{max-width:700px;padding-left:5%}.main_container,.nav2{width:90%}footer{padding-left:3%;padding-right:3%}.main_container .skills span{width:100%}.main_container .skills span:first-child{margin-right:0}.text_writeup{width:100%;font-size:24px}}@media (prefers-color-scheme:dark){.skills span{background-color:#2d313d}body .main_container:hover{background-color:#e0e0e0;color:#000}body .main_container:hover .skills span{background-color:#9099b3;color:#000}body .main_container:hover .skills span svg,body .main_container:hover svg{fill:#000}}