#about{padding:70px;height:70vb;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}.navbar{background-color:#add8e6}#about h2{text-align:center;font-size:2.5rem;text-transform:uppercase}#about p{width:50%;line-height:2rem;margin-left:50%;font-size:1.3rem;text-align:justify;list-style:none;word-spacing:normal;font-family:cursive}.image{width:25%;border-radius:15%;height:80%;margin-top:-25%;margin-left:10%}.image img{width:100%;border-radius:15%;height:100%;margin-top:-25%;margin-left:10%;background-color:#fff}.resumebtn{padding:15px 10px;margin-left:70%;border-radius:10px;background-color:#72b6b6;border:none;font-size:20px;text-transform:uppercase;font-weight:700;color:#fff;transition:transform .2s}.resumebtn:hover{cursor:pointer;transform:scale(1.2)}@media screen and (max-width:320px){#about{padding:70px;height:70vb;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}.navbar{background-color:#add8e6}#about h2{text-align:center;font-size:2.5rem;text-transform:uppercase}#about p{border:1px solid red;width:50%;line-height:2rem;margin-left:50%;font-size:1rem;text-align:justify;list-style:none;word-spacing:normal;font-family:cursive}.image{width:25%;border-radius:15%;height:80%;margin-top:-25%;margin-left:10%}.image img{border:2px solid red;width:100%;border-radius:15%;height:100%;margin-top:-250%;margin-left:10%;background-color:#fff}.resumebtn{padding:15px 10px;margin-left:70%;border-radius:10px;background-color:#72b6b6;border:none;font-size:20px;text-transform:uppercase;font-weight:700;color:#fff;transition:transform .2s}.resumebtn:hover{cursor:pointer;transform:scale(1.2)}}@media screen and (max-width:768px){#about{padding:20px;height:30vb;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}.navbar{background-color:#add8e6}#about h2{text-align:center;font-size:2.5rem;text-transform:uppercase}.image{width:40%;border-radius:15%;height:150%;margin-top:-35rem;margin-left:25%}.about-text{margin-top:50%}#about p{width:80%;line-height:2rem;font-size:1rem;text-align:justify;list-style:none;word-spacing:normal;font-family:cursive;margin-top:50%;margin-left:10%}.resumebtn{padding:15px 10px;margin-left:45%;border-radius:10px;background-color:#72b6b6;border:none;font-size:20px;text-transform:uppercase;font-weight:700;color:#fff;transition:transform 2s}.resumebtn:hover{cursor:pointer;transform:scale(1.2)}}#skills{padding:50px;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;height:70vb;width:100%}#skills h2{text-align:center;font-size:2.5rem;text-transform:uppercase}.skills-logo{display:grid;grid-template-columns:repeat(5,1fr);gap:50px}.skills-logo img{width:120px;height:120px;margin:-60px 10 0 -60px;-webkit-animation:spin 4s linear infinite;-moz-animation:spin 4s linear infinite;animation:spin 4s linear infinite}@-moz-keyframes spin{to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#nodejs{border-radius:60px}@media screen and (max-width:320px){#skills{padding:50px;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;height:70vb;width:100%}#skills h2{text-align:center;font-size:2.5rem;text-transform:uppercase;margin-left:-34%;margin-top:590px}.skills-logo{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-left:-20%}.skills-logo img{width:100px;height:100px;margin:-60px 10 0 -60px;-webkit-animation:spin 4s linear infinite;-moz-animation:spin 4s linear infinite;animation:spin 4s linear infinite}@-moz-keyframes spin{to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#nodejs{border-radius:60px}}@media screen and (max-width:768px){#skills{padding:50px;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;height:70vb;width:100%}#skills h2{text-align:center;font-size:2.5rem;text-transform:uppercase;margin-top:700%}.skills-logo{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-left:-5%}.skills-logo img{width:100px;height:100px;margin:-60px 10 0 -60px;-webkit-animation:spin 4s linear infinite;-moz-animation:spin 4s linear infinite;animation:spin 4s linear infinite}@-moz-keyframes spin{to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#nodejs{border-radius:60px}}#projects{padding:50px;height:87vb;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}#projects:hover{background-color:light}#projects h2{text-align:center;font-size:2.5rem;text-transform:uppercase}.project-details{display:inline;border:2px solid #ddd;gap:20px}.common-project-div:hover{background-color:#81d3d3;border-radius:20px}.project-details img{width:50%;height:80%;margin-top:10px}.project-details p{width:50%;line-height:2rem;margin-left:50%;font-size:1.3rem;text-align:justify;list-style:none;word-spacing:normal;font-family:cursive;margin-top:-18%}.language{width:10%;height:10%;display:flex;flex-direction:row;gap:20vb;margin-top:5%;margin-left:20%}.live-git-icons #github{width:3%;height:5%;margin-left:10%;padding:5px;transition:transform .2s;border-radius:50%}.live-git-icons #github:hover{transform:scale(1.4)}.live-git-icons #live{width:3%;height:5%;margin-left:13%;padding:5px;transition:transform .2s}.live-git-icons #live:hover{transform:scale(1.4)}.live-git-icons{flex-direction:row;gap:10px}@media screen and (max-width:320px){#projects{margin-top:330%;padding:50px;height:30vb;width:60%;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}#projects:hover{background-color:light}#projects h2{text-align:center;font-size:2.5rem;text-transform:uppercase;margin-left:-15%}.project-details{display:inline;border:2px solid #ddd;gap:20px}.project-details img{width:150%;height:80%;margin-top:5px;margin-left:-30px}.project-details p{width:150%;line-height:2rem;margin-left:-25%;font-size:1rem;text-align:justify;list-style:none;word-spacing:normal;font-family:cursive;margin-top:20%}.common-project-div:hover{background-color:#fff}.language{width:10%;height:10%;display:flex;flex-direction:row;gap:10vb;margin-top:5%;margin-left:20%}.live-git-icons #github{width:13%;height:15%;margin-left:10%;padding:5px;transition:transform .2s;border-radius:50%}.live-git-icons #github:hover{transform:scale(1.4)}.live-git-icons #live{width:13%;height:5%;margin-left:13%;padding:5px;transition:transform .2s}.live-git-icons #live:hover{transform:scale(1.4)}.live-git-icons{flex-direction:row;gap:10px}}@media screen and (max-width:768px){#projects{margin-top:100%;padding:50px;height:30vb;width:90%;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}#projects:hover{background-color:light}#projects h2{text-align:center;font-size:2.5rem;text-transform:uppercase;margin-left:-15%}.project-details{display:inline;border:2px solid #ddd;gap:20px}.project-details img{width:150%;height:80%;margin-top:5px;margin-left:-30px}.project-details p{width:100%;line-height:2rem;margin-left:-5%;font-size:1rem;text-align:justify;list-style:none;word-spacing:normal;font-family:cursive;margin-top:7%}.common-project-div:hover{background-color:#fff}.language{width:2%;height:10%;display:flex;flex-direction:row;gap:10vb;margin-top:1%;margin-left:43%}.live-git-icons #github{width:5%;height:15%;margin-left:10%;padding:5px;transition:transform .2s;border-radius:50%}.live-git-icons #github:hover{transform:scale(1.4)}.live-git-icons #live{width:5%;height:5%;margin-left:35%;padding:5px;transition:transform .2s}.live-git-icons #live:hover{transform:scale(1.4)}.live-git-icons{flex-direction:row;gap:10px}}#footer{width:100%;position:bottom;bottom:0;background-color:#114d4a;color:#fff;text-align:center}@media screen and (max-width:320px){#footer{width:100%;position:bottom;bottom:0;background-color:#114d4a;color:#fff;text-align:center;margin-top:100%}}@media screen and (max-width:768px){#footer{width:100%;position:bottom;bottom:0;background-color:#114d4a;color:#fff;text-align:center;margin-top:20%}}#contact{padding:50px;height:70vb;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}#contact h2{text-align:center;font-size:2.5rem;text-transform:uppercase}.contact-details{width:100%;height:90%;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}#github{width:10%;height:10%}#linkedln{width:12%;height:10%}.mobile{width:55%;height:25%;display:flex;flex-direction:row;justify-content:center;gap:10px;box-shadow:#00000026 0 15px 25px,#0000000d 0 5px 10px;border-radius:20px;margin-top:40px;padding:5px;transition:transform .2s}.mobile:hover{transform:scale(1.2)}.mobile img{margin-top:20px;border-radius:50%}.mobile h3{margin-top:25px}#phone{width:90%;height:50%}.mobile:hover{cursor:pointer;background-color:#44d1d6;color:#fff}.email{height:25%;display:flex;flex-direction:row;justify-content:center;gap:20px;box-shadow:#00000026 0 15px 25px,#0000000d 0 5px 10px;border-radius:20px;margin-top:40px;padding:5px;transition:transform .2s}.email:hover{transform:scale(1.2)}.email img{margin-top:25px;border-radius:50%}.email h3{margin-top:30px}#email{width:80%;height:40%}.email:hover{cursor:pointer;background-color:#44d1d6;color:#fff}.location{width:70%;height:25%;display:flex;flex-direction:row;justify-content:center;gap:10px;box-shadow:#00000026 0 15px 25px,#0000000d 0 5px 10px;border-radius:20px;margin-top:40px;padding:5px;transition:transform .2s}.location:hover{transform:scale(1.2)}.location img{margin-top:20px;border-radius:50%}.location h3{margin-top:30px}#location{width:90%;height:50%}.location:hover{cursor:pointer;background-color:#44d1d6;color:#fff}.icons{display:flex;flex-direction:row;gap:10px;margin-left:140%}.icons #github{width:30px;height:30px;box-shadow:#00000073 0 25px 20px -20px;padding:10px;transition:transform .2s}.icons #github:hover{transform:scale(1.5)}.icons #linkedln{width:33px;height:34px;box-shadow:#00000073 0 25px 20px -20px;padding:10px;transition:transform .2s}.icons #linkedln:hover{transform:scale(1.5)}@media screen and (max-width:320px){#contact{padding:10px;height:50vb;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}#contact h2{text-align:center;font-size:2.5rem;text-transform:uppercase;margin-left:20%;margin-top:80%}.contact-details{width:100%;height:90%;margin:auto;display:grid;grid-template-columns:repeat(1,1fr);gap:10px}#github{width:10%;height:10%}#linkedln{width:12%;height:10%}.mobile{width:55%;height:25%;display:flex;flex-direction:row;justify-content:center;gap:5px;box-shadow:#00000026 0 15px 25px,#0000000d 0 5px 10px;border-radius:20px;margin-top:30px;padding:5px;transition:transform .2s}.mobile:hover{transform:scale(1.2)}.mobile img{margin-top:10px;border-radius:50%}.mobile h3{margin-top:10px}#phone{width:90%;height:50%}.mobile:hover{cursor:pointer;background-color:#44d1d6;color:#fff}.email{height:25%;display:flex;flex-direction:row;justify-content:center;gap:15px;box-shadow:#00000026 0 15px 25px,#0000000d 0 5px 10px;border-radius:20px;margin-top:-60px;margin-left:-30%;padding:5px;transition:transform .2s}.email:hover{transform:scale(1.2)}.email img{display:none}.email h3{margin-top:-1%}.email:hover{cursor:pointer;background-color:#44d1d6;color:#fff;width:fit-content;height:25px}.location{width:55%;height:25%;display:flex;flex-direction:row;justify-content:center;gap:10px;box-shadow:#00000026 0 15px 25px,#0000000d 0 5px 10px;border-radius:20px;margin-top:-30px;padding:5px;transition:transform .2s}.location:hover{transform:scale(1.2)}.location img{margin-top:10px;border-radius:50%}.location h3{margin-top:5px}#location{width:120%;height:55%}.location:hover{cursor:pointer;background-color:#44d1d6;color:#fff}.icons{display:flex;flex-direction:row;gap:10px;margin-left:10%}.icons #github{width:30px;height:30px;box-shadow:#00000073 0 25px 20px -20px;padding:10px;transition:transform .2s}.icons #github:hover{transform:scale(1.5)}.icons #linkedln{width:33px;height:34px;box-shadow:#00000073 0 25px 20px -20px;padding:10px;transition:transform .2s}.icons #linkedln:hover{transform:scale(1.5)}}@media screen and (max-width:768px){#contact{margin-top:90%;padding:50px;height:70vb}#contact h2{text-align:center;font-size:2.5rem;text-transform:uppercase;margin-left:-10%}.contact-details{width:100%;height:90%;margin:auto;display:grid;grid-template-columns:repeat(1,1fr);gap:10px}#github{width:10%;height:10%}#linkedln{width:12%;height:10%}.mobile{width:55%;height:10%;display:flex;flex-direction:row;justify-content:center;gap:5px;box-shadow:#00000026 0 15px 25px,#0000000d 0 5px 10px;border-radius:20px;margin-top:30px;margin-left:15%;padding:5px;transition:transform .2s}.mobile:hover{transform:scale(1.2)}.mobile img{margin-top:10px;border-radius:50%}.mobile h3{margin-top:5px}#phone{width:90%;height:50%}.mobile:hover{cursor:pointer;background-color:#44d1d6;color:#fff}.email{height:55%;display:flex;flex-direction:row;justify-content:center;gap:15px;box-shadow:#00000026 0 15px 25px,#0000000d 0 5px 10px;border-radius:20px;margin-top:-90px;margin-left:-15%;padding:5px;transition:transform .2s}.email:hover{transform:scale(1.2)}.email img{display:none}.email h3{margin-top:-1%}.email:hover{cursor:pointer;background-color:#44d1d6;color:#fff;margin-left:15%;width:fit-content;height:25px}.location{width:55%;height:14%;display:flex;flex-direction:row;justify-content:center;gap:18px;box-shadow:#00000026 0 15px 25px,#0000000d 0 5px 10px;border-radius:20px;margin-top:-80px;margin-left:15%;padding:5px;transition:transform .2s}.location:hover{transform:scale(1.2)}.location img{margin-top:8px;border-radius:50%}.location h3{margin-top:0}#location{width:120%;height:55%}.location:hover{cursor:pointer;background-color:#44d1d6;color:#fff}.icons{display:flex;flex-direction:row;gap:10px;margin-left:35%;margin-top:-5%}.icons #github{width:30px;height:30px;box-shadow:#00000073 0 25px 20px -20px;padding:10px;transition:transform .2s}.icons #github:hover{transform:scale(1.5)}.icons #linkedln{width:33px;height:34px;box-shadow:#00000073 0 25px 20px -20px;padding:10px;transition:transform .2s}.icons #linkedln:hover{transform:scale(1.5)}}#home{height:190vb;padding:20px;margin-top:10px;width:100%;text-align:center;background-image:url(/Portfolio_Website/assets/relatedgif-CCaKAQDc.gif);background-size:cover;background-repeat:no-repeat;color:#fff}#home img #gif{width:fit-content;height:20px;margin-top:-30%}#home h2{font-size:5rem;font-family:cursive;color:#515553}@media screen and (max-width:320px){#home{height:90vb;padding:20px;margin-top:10px;width:100%;text-align:center;background-size:cover;background-repeat:no-repeat;color:#fff}#home img #gif{width:fit-content;height:20px;margin-top:-30%}#home h2{font-size:3.9rem;font-family:cursive;margin:auto;display:none}}@media screen and (max-width:768px){#home{height:90vb;padding:20px;margin-top:10px;width:100%;text-align:center;background-size:cover;background-repeat:no-repeat;color:#fff}#home img #gif{width:fit-content;height:20px;margin-top:-10%;border:2px solid red}#home h2{font-size:3rem;font-family:cursive;color:#515553}#home p{font-size:2rem;font-family:cursive;color:#515553;display:none}#skills h2{text-align:center;font-size:2.5rem;text-transform:uppercase;margin-left:-15%;margin-top:590px}}.navbar{padding:10px;width:99%;height:50px;display:flex;justify-content:space-between;align-items:center;font-size:1.3rem;font-family:sans-serif;position:fixed;top:0;left:0;background-color:#49cccc;z-index:1000}.heading{font-family:sans-serif;color:#5523dd}.heading span{color:#008b8b}.nav-links{display:flex;gap:2%}.nav-links a{text-decoration:none;color:#000;padding:5px;transition:transform .2s}.nav-links a:hover{transform:scale(1.2);color:#00f}.hamburger-icon{display:none;cursor:pointer}.hamburger-icon img{width:30px;height:30px}@media screen and (max-width: 768px){.nav-links{display:none;flex-direction:column;align-items:center;width:100%;background-color:#ffffffe6;position:absolute;top:60px;left:0;padding:10px 0;z-index:999}.nav-links.active{display:flex}.hamburger-icon{display:block}}