@font-face{font-family:"georgia";src:url("../fonts/georgia.woff")}@font-face{font-family:"poppins-light";src:url("../fonts/Poppins-Light.woff")}@font-face{font-family:"poppins-regular";src:url("../fonts/Poppins-Regular.woff")}@font-face{font-family:"poppins-thin";src:url("../fonts/Poppins-Thin.woff")}@font-face{font-family:"poppins-semibold";src:url("../fonts/Poppins-SemiBold.woff")}*{font-family:"poppins-light";color:#d8d8d8}a{text-decoration:none}.button-yellow{border:solid 1.5px #fac9a2;border-radius:50px;padding:10px 40px;font-size:clamp(1rem,7vw,1.8rem);background:rgba(250,201,162,.1);backdrop-filter:blur(12px);color:#fac9a2;font-family:"poppins-semibold";transition:200ms}.button-yellow:hover{transform:scale(1.2);background:linear-gradient(to right, rgb(231, 178, 175), rgb(194, 134, 200));backdrop-filter:blur(12px);color:#97689e;border:solid 3px #fac9a2}nav{backdrop-filter:blur(12px)}.hero{background-image:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url("../img/wallpaper-portfolio.png");background-size:cover;background-repeat:no-repeat;min-height:100vh}.hero::before{content:"";position:absolute;bottom:0;left:0;right:0;height:20%;background:linear-gradient(to bottom, transparent, rgb(28, 22, 28));z-index:1;pointer-events:none}.hero::after{content:"";position:absolute;inset:0;background-image:url("../img/sparkle-portfolio.gif");background-size:auto;background-position:center;background-repeat:repeat;opacity:.5;z-index:0;pointer-events:none}.hero>*{position:relative;z-index:2}h1{color:#d3d3d3}h1 span{font-family:"georgia";font-size:clamp(3rem,7vw,4.5rem)}h1 .name-gradiant{background:linear-gradient(to right, rgb(231, 178, 175), rgb(194, 134, 200));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.hero__text{color:#fac9a2;font-family:"georgia"}.hero__text--white{color:#fff}.color{background-color:#1c161c}.navbar-color{color:#fac9a2 !important}.title-color{color:#97689e;font-family:"poppins-thin"}.icon-size{font-size:2.5rem;border:solid 0px;border-radius:50%;background-color:#423042;color:#d9d9d9;width:4.5rem;height:4.5rem;display:flex;align-items:center;justify-content:center}.competence{border:solid 1px;border-radius:20px}.container__left{box-shadow:-2px 0 0 red}.container__right{box-shadow:2px 0 0 red}.container__border{border:1px solid;border-radius:20px;width:30em}.container__border h3{padding-top:15px}.container__border--pill{border:solid 1px;border-radius:50px;padding:4px 5px 4px 5px}