.coloredText{color:hsl(var(--primary))}.arrow{transform:scaleX(-1)}.arrow,.arrow-2{rotate:180deg;top:20px;height:300px}.disclaimer{background:hsl(var(--primary));margin:0;color:#000;padding:4px}@media screen and (width<660px){.arrow{height:auto}.arrow-2{height:150px}}.project{background:#09090b}.projectImage{transition:all .4s ease}.projectImage:hover{width:420px}.projectImage:hover .backgroundImage{width:520px}.backgroundImage{background:hsl(var(--primary));width:500px;transition:all .4s ease}.projectName{color:#fff;font-size:2rem;font-weight:600;color:hsl(var(--primary));opacity:.9}@media screen and (width<800px){.projectImage{width:0}}