.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}#root{background-image:linear-gradient(to right,#69588b,#140f23);background-size:180% 180%;width:100%;animation:gradient-animation 18s ease infinite}*{box-sizing:border-box}body,html{overflow-x:hidden}body{color:#faebd7;font-family:garamond,source-serif-pro,Georgia,Cambria,Times New Roman,Times,serif;text-transform:capitalize;font-size:20px;width:100%;background-image:linear-gradient(to right,#69588b,#140f23);background-size:180% 180%;animation:gradient-animation 18s ease infinite}.tech-stack{text-align:center;padding:50px 0}.icons i{font-size:3rem;margin:15px;transition:transform .3s ease-in-out}.icons i:hover{transform:scale(1.4)}.me{margin-top:50px}#header{position:fixed;left:0;top:0;width:100%}.contact{list-style-type:none}.name{font-weight:700;font-size:xx-large}.home{margin-top:100px}.tech-stack{border:none;background-image:linear-gradient(300deg,#493b66,#69598c,#1e1636)}a>li{color:#f0f8ff;text-decoration:none}.name{margin-top:100px}#header,#footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card{border:none;background-color:#e8ddec}.nav-link{color:#faebd7;font-weight:900;font-size:xx-large}.navbar :hover{color:#927ca6}.center{text-align:center;font-weight:bolder;font-size:xx-large}.contact{margin:auto;width:50%;align-items:center;justify-content:center}@media (max-width: 768px){.icons i{font-size:2.5rem}}@media (max-width: 480px){.icons i{font-size:2rem}}.f{display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 768px){.bg{width:70%;height:300px}.nav{flex-wrap:nowrap;margin-left:40px}}@media (min-width: 1000px){.name{margin-left:50px}.up>img{width:110px;height:160px}}@media (min-width: 370px) and (max-width: 719px){.up>img{width:48px;height:60px}}@media (max-width: 369px){.up>img{width:25px;height:30px}}@media (min-width: 720px) and (max-width: 1000px){.up>img{width:60px;height:80px}}@media (min-width : 767px){.bg{width:90%;height:600px}.name{margin-top:200px;margin-left:100px}.me{margin-left:100px}}