:root{--c-bg: #201d1a;--c-card: #2d2926;--c-text: #a9a29a;--c-accent-soft: #e98074;--c-accent: #e85a4f;--c-heading: #f0ebe4}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{overflow-x:clip;background-color:var(--c-bg)}.icon:hover{opacity:90%}.react{cursor:pointer;transition:transform .5s ease}.html-css{cursor:pointer;transition:transform .3s ease}.javascript{cursor:pointer;transition:color .3s ease}.csharptext{color:#9179e4}.csharpicon{cursor:pointer}.csharp{width:89px;filter:brightness(0) saturate(100%) invert(69%) sepia(45%) saturate(5616%) hue-rotate(216deg) brightness(92%) contrast(94%);transition:filter .3s ease}.ts{filter:brightness(0) saturate(100%) invert(43%) sepia(68%) saturate(767%) hue-rotate(174deg) brightness(85%) contrast(84%)}.azureicon{cursor:pointer}.azure{width:89px;filter:brightness(0) saturate(100%) invert(19%) sepia(87%) saturate(1140%) hue-rotate(184deg) brightness(97%) contrast(93%);transition:width .5s}.sql{width:89px;filter:brightness(0) saturate(100%) invert(33%) sepia(88%) saturate(517%) hue-rotate(144deg) brightness(94%) contrast(102%);transition:width .5s}@media (max-width: 600px){.weatherapp,.crito,.tipcalc{width:100%}}