style.css

@import url(https://fonts.googleapis.com/css2?family=Unbounded:wght@700&display=swap);@font-face{font-family:Edition;src:url("EDITION_.TTF")}:root{--primary-color:#fff;--secondary-color:#000;--primary-font:"Edition","Dela Gothic One",cursive;--filter:invert(0%) blur(4px);--primary-color:#EDF1D6;--secondary-color:#609966;--primary-font:'Unbounded',cursive;--filter:invert(54%) sepia(32%) saturate(481%) hue-rotate(76deg) brightness(93%) contrast(87%) blur(4px)}*{box-sizing:border-box;transition:background-color 1s ease-in,color 1s ease-in;margin:0;padding:0;box-sizing:border-box;font-family:Unbounded,cursive;font-weight:400;font-style:normal}.images{-webkit-mask:url(new_svg.svg) no-repeat center/contain;mask:url(new_svg.svg) no-repeat center/contain;-webkit-mask-size:cover}.chartcanvas{display:flex;justify-content:center;align-items:center}.about,.footer,hr{overflow-wrap:break-word}.theme,hr{border:none}.about a,footer a,nav a{text-decoration:none}.header,nav a{font-weight:700}.about a,.body,.image svg,footer a{color:var(--secondary-color)}.images1,.theme{color:var(--primary-color)}.about,hr{width:70%}hr{background-color:var(--secondary-color);height:.5rem;margin:1% auto}.body{background-color:var(--primary-color)}.avatar,.images,.theme{background-color:var(--secondary-color)}.name{letter-spacing:20px}.header{font-size:4rem;line-height:1.5;text-align:center;margin-top:5%}.about,.footer{font-weight:300}.about{text-align:left;margin:0 auto;font-size:2rem;line-height:1.4}.footer,.main h2{text-align:center}.about a:hover,footer a:hover{color:var(--secondary-color);text-decoration:underline}.footer{margin:5% auto 2rem;font-size:1.2rem}.theme{width:50px;height:50px;border-radius:50%;position:fixed;bottom:1rem;right:1rem;cursor:pointer;font-size:.8em}.fixed,.images,.images1{position:fixed;bottom:0}.avatar,.image svg{width:200px;height:200px;border-radius:50%}.images,.images1{margin:0 auto;right:0;display:inline-block;height:60vh;width:30vh}.avatar{-webkit-mask:url(abii.svg) no-repeat center/contain;mask:url(abii.svg) no-repeat center/contain;margin:0 auto}.images{-webkit-mask:url(new_svg.svg) no-repeat center/contain;mask:url(new_svg.svg) no-repeat center/contain;-webkit-mask-size:cover;mask-size:cover;filter:blur(200px)}nav{display:grid;grid-template-columns:10px;width:100%;background-color:#fff;padding:1rem 2rem;position:sticky;top:0;z-index:1}nav a{color:#000;font-size:.9rem;text-transform:uppercase}.fixed{left:0}.images1{filter:var(--filter);z-index:-1}.main h2{font-size:2rem;margin:2rem 0;letter-spacing:.2rem}.chartcanvas{height:60vh}