.arrow-cnt:hover{cursor:pointer}.cursor{mix-blend-mode:difference;pointer-events:none;position:fixed;z-index:9999;transform:translate(-50%,-50%);width:25px;height:25px;background:#fff;border-radius:50%;transition:width .2s,height .2s}.tag{background-color:#0c0c0c;border-radius:8px;padding:8px 20px;color:var(--white-100);font-size:16px;border:1px solid #212121;width:-moz-fit-content;width:fit-content}.profile-picture{border-radius:50%;overflow:hidden;background-color:var(--red);width:100px;height:100px}.profile-picture img{object-fit:contain}.contact-button{background-color:var(--white-100);color:#000!important;border-radius:60px;text-decoration:none;font-size:1.25rem}.nav-link span{margin-left:5px;font-weight:100;color:#b2b2b2}.small{padding:10px 20px}.big{padding:12px 25px}.prj{margin:50px 150px;display:flex;gap:10px}.prj .project-div{width:30vw;aspect-ratio:4/3}.project-div{min-width:400px;height:450px;display:flex;flex-direction:column;padding:50px;color:#fff;font-size:1.25rem;border-radius:10px;cursor:pointer;transition:all .1s ease-in-out;position:relative}.arrow-svg{width:50px;height:50px;border:2px solid var(--black);display:flex;justify-content:center;align-items:center;border-radius:50%;transition:all .3s ease-in-out}.project-data{display:flex;flex-direction:column;justify-content:flex-end;height:100%}.project-div:hover .arrow-svg{rotate:-45deg}.project-div{--hover-color:#fff}.project-div:hover{background-color:var(--hover-color)}.project-div[data-color]{--hover-color:var(--color)}.project-div:hover h2{color:#fff}.project-div h2{color:var(--black-100);margin-top:10px;font-size:1.5625rem;font-weight:700;line-height:1.5}.caro-cnt a{text-decoration:none!important}.project-div h2{transition:color .3s ease-in-out}.project-div p{color:var(--black-200);margin-top:10px;font-size:1.25rem;line-height:1.5;font-weight:400}.nav-hover{position:absolute;top:100%;left:50%;transform:translateX(-50%);background-color:#000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 10px 10px;padding:1rem;min-width:300px;margin-top:.5rem}.nav-hover-content{display:flex;flex-direction:column;gap:.5rem}.service-link{color:var(--white-100);text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease}.service-link:hover{background:hsla(0,0%,100%,.1);color:var(--red)}