@property --templateChoseColor1{syntax:"<color>";initial-value:#a3b18a;inherits:false}@property --templateChoseColor2{syntax:"<color>";initial-value:#344e41;inherits:false}@property --startCreatingColor1{syntax:"<color>";initial-value:#a3b18a;inherits:false}@property --startCreatingColor2{syntax:"<color>";initial-value:#344e41;inherits:false}.startCreating{background:linear-gradient(to bottom right,var(--startCreatingColor1),var(--startCreatingColor2));transition:--startCreatingColor1 .7s ease-in-out .1s,--startCreatingColor2 .5s ease-in-out}.startCreating:hover{--startCreatingColor2:#a3b18a;--startCreatingColor1:#344e41}.templateCreator{background:linear-gradient(to bottom right,var(--templateChoseColor1),var(--templateChoseColor2));transition:--templateChoseColor1 .7s ease-in-out .1s,--templateChoseColor2 .5s ease-in-out}.templateCreator:hover{--templateChoseColor1:#344e41;--templateChoseColor2:#a3b18a}