:root{--color-black-1:#111111;--color-black-2:#2b2b2b;--color-black-3:#555555;--color-black-4:#808080;--color-black-5:#d3d3d3;--color-red-1:#d91e2b;--color-red-2:#cc3741;--color-red-3:#c9676d;--color-red-4:#c99295;--color-blue-1: #61DAFB;--color-blue-2: #bbf0ff;--color-blue-3: #e3f9ff;--color-white:#ffffff;--color-html: #E34F26;--color-css: #1572B6;--color-bootstrap: #7952B3;--color-sass: #CC6699;--color-js: #F7DF1E;--color-react: #61DAFB}:root{--bg: var(--color-white);--text: var(--color-black-1);--container-bg-1: var(--color-blue-2);--project-container: var(--color-blue-3);--btn: var(--color-blue-1);--btn-hover: var(--color-css);--btn-text: var(--color-white);--translate-button: var(--color-css);--theme-button: var(--color-red-1)}[data-theme=dark]{--bg: var(--color-red-1);--text: var(--color-white);--container-bg-1: var(--color-black-1);--project-container: var(--color-black-2);--btn: var(--color-red-2);--btn-hover: var(--color-red-1);--btn-text: var(--color-white);--translate-button: var(--color-red-1);--theme-button: var(--color-react)}body{background:var(--bg);color:var(--text)}.translate-button{background-color:var(--translate-button);transition:.5s}.translate-button:hover{background-color:var(--color-react);transform:scale(1.06)}.theme-button{background-color:var(--theme-button);transition:.5s}.pointer-event{pointer-events:none}.container-bg{background:var(--container-bg-1)}.project-container{background:var(--project-container)}.link{background-color:var(--btn);color:var(--btn-text);text-decoration:none;transition:.3s}.link:hover{background-color:var(--btn-hover);text-decoration:none;transform:scale(1.05)}.icon-img{height:35px;width:auto;border-radius:15%;margin:2px;padding:2px}.text-hover{position:absolute;background-color:#000;padding:10px 15px;color:#fff;border-radius:15px}.html{background-color:var(--color-html)}.js{background-color:var(--color-js)}.css{background-color:var(--color-css)}.bootstrap{background-color:var(--color-bootstrap)}.sass{background-color:var(--color-sass)}.react{background-color:var(--color-react)}.container-image{border-radius:100%;height:160px;border:var(--color-red-3) solid 2px}.buttons{position:fixed;top:2px;right:1px;z-index:1000;padding:2px;background:var(--color-black-3);color:var(--color-white);border-radius:8px}