:root{--bar-color:89,161,142,0.169;--dot-color:89,161,142,0.219}.main-container{background-image:linear-gradient(to bottom,transparent 10%,rgba(var(--bar-color)) 10%,rgba(var(--bar-color)) 90%,transparent 90%),radial-gradient(rgba(var(--dot-color)) 2px,transparent 0);background-size:cover,30px 30px;background-position:0 -5px,-5px -5px;background-repeat:no-repeat,repeat}.about-circle-style{border-style:dashed;border-width:4px;border-radius:9999px;position:absolute;left:-5%;top:-5%;width:110%;height:110%;transition:top .5s,left .5s,transform .5s,width .5s,height .5s}.about-circle-style:hover{top:-10%;left:-10%;transform:rotate(30deg);width:120%;height:120%}.yellow-circle{border-color:#fcf434}.white-circle{border-color:#fff}.purple-circle{border-color:#9c59d1}.black-circle{border-color:#2c2c2c}:root{--project-bg-transparency:0.361;--ml-color:228,96,96;--data-color:96,228,228;--web-color:96,228,96;--game-color:228,228,96;--ui-color:228,96,228;--sd-color:96,96,228;--dark-ml-color:160,40,40;--dark-data-color:40,160,160;--dark-web-color:40,160,40;--dark-game-color:160,160,40;--dark-ui-color:160,40,160;--dark-sd-color:40,40,160}.ml-project{--project-color:rgba(var(--ml-color),var(--project-bg-transparency))}.data-project{--project-color:rgba(var(--data-color),var(--project-bg-transparency))}.web-project{--project-color:rgba(var(--web-color),var(--project-bg-transparency))}.game-project{--project-color:rgba(var(--game-color),var(--project-bg-transparency))}.ui-project{--project-color:rgba(var(--ui-color),var(--project-bg-transparency))}.sd-project{--project-color:rgba(var(--sd-color),var(--project-bg-transparency))}.ml-expanded{--project-color:rgba(var(--ml-color),var(--project-bg-transparency));--dark-color:rgb(var(--dark-ml-color));--light-color:rgb(var(--ml-color))}.data-expanded{--project-color:rgba(var(--data-color),var(--project-bg-transparency));--dark-color:rgb(var(--dark-data-color));--light-color:rgb(var(--data-color))}.web-expanded{--project-color:rgba(var(--web-color),var(--project-bg-transparency));--dark-color:rgb(var(--dark-web-color));--light-color:rgb(var(--web-color))}.game-expanded{--project-color:rgba(var(--game-color),var(--project-bg-transparency));--dark-color:rgb(var(--dark-game-color));--light-color:rgb(var(--game-color))}.ui-expanded{--project-color:rgba(var(--ui-color),var(--project-bg-transparency));--dark-color:rgb(var(--dark-ui-color));--light-color:rgb(var(--ui-color))}.sd-expanded{--project-color:rgba(var(--sd-color),var(--project-bg-transparency));--dark-color:rgb(var(--dark-sd-color));--light-color:rgb(var(--sd-color))}.project-container{background-image:linear-gradient(-45deg,transparent 10vh,var(--project-color) 10vh,var(--project-color) 15vh,transparent 15vh,transparent 25vh,var(--project-color) 25vh,var(--project-color) 30vh,transparent 30vh)}.expanded-button{background-color:var(--light-color);border-color:var(--dark-color);border-width:3px;border-radius:.5rem;padding:.25rem .5rem}.expanded-container{border-color:var(--light-color);border-width:2px;border-radius:.5rem}.project-shadow{text-shadow:2px 2px 2px #000}.timeline-button-style{width:4rem;height:4rem;border-width:4px;border-radius:9999px;border-color:#fff;transition:background-color .5s}.timeline-button-style:hover{background-color:#fff}