html.dark{color-scheme:dark;background-color:#333}html.dark body{background-color:#333;color:#fff}html.dark .btn{background-color:rgba(0,0,0,.75);color:#fff}html.dark .btn:hover{background-color:#fff;color:#000}html.dark .btn:disabled{background-color:#666;color:#ccc}html.dark input{background-color:#666;color:#fff}html.dark header{background-color:#000}html.dark header button{background-color:#fff}html.dark .nav-link,html.dark .nav2{color:#fff}html.dark .nav-link.navi-activated,html.dark .nav2.navi-activated{background-color:hsla(0,0%,100%,.87);color:#333}html.dark th{background-color:rgba(0,0,0,.3);border-color:#666}.form-header,html.dark td{background-color:#444;border-color:#666}.card-header,.form,.form-header,html.dark .list-about li{border-color:#666;background-color:rgba(0,0,0,.56);color:#fff}html.dark .form-header{background-color:#666;border-color:#666}html.dark .form{border-color:#666;background-color:rgba(0,0,0,.56);color:#fff}html.dark .toggle{background-color:hsla(0,0%,100%,.78)}body{align-items:center;justify-content:center}#app{margin:20px 0 20px 0;min-width:200px;display:flex;flex-direction:column;font-weight:400}.btn:disabled,header{background-color:#ccc}.btn:disabled{cursor:not-allowed;color:#666}.left,.right{max-height:90vh;overflow-y:auto;flex-basis:100%}input{padding:5px;margin:5px;border-radius:5px;border:1px solid #ccc}.navigate{display:flex;justify-content:center;align-items:center}.navigate li{margin-top:5px;margin-bottom:5px}.nav-link,.nav2{text-decoration:none;margin:0 20px;color:#030000;transition:color .1ms ease,background-color .1ms ease;padding:5px 10px;border-radius:5px}.nav-link.navi-activated,.nav2.navi-activated{font-weight:700;background-color:hsla(0,0%,8%,.98);color:hsla(0,0%,100%,.87);box-shadow:0 4px 8px rgba(0,0,0,.5)}.list{background-color:#04aa6d}.nav-link:hover,.nav2:hover{text-decoration:underline;color:hsla(0,0%,100%,.87);background-color:#0d6efd;box-shadow:0 4px 8px rgba(0,0,0,.5)}.text-wrap{word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;max-width:300px}table{width:100%;border-collapse:collapse;margin-top:20px}td,th{border:1px solid #ddd;text-align:left;padding:8px}th{background-color:#04aa6d;color:#fff}tfoot td{font-weight:700}tfoot td,tr:nth-child(2n){background-color:#f2f2f2}h3{margin-top:40px;color:#333}.navbar-btn{left:20px;top:10px;margin-bottom:20px}.navbar-btn,.user-icon{position:absolute;display:inline-block}.user-icon{right:20px;top:20px}.user-menu{position:absolute;background-color:#555;color:#fff;display:block;right:0;opacity:0;transition:opacity .5s ease;pointer-events:none;width:-moz-max-content;width:max-content;z-index:1}.user-menu .nav2{display:block;border-bottom:1px solid #ccc;padding:5px 10px}.user-icon:hover .user-menu{display:block;opacity:1;pointer-events:auto}.about{justify-content:center;align-items:center;background-color:#555;color:#fff;padding:20px;position:absolute;width:100%;left:0}.list-about-me li{border-color:#666;background-color:rgba(0,0,0,.56);color:#fff}.theme-switch{position:relative;display:inline-block;width:60px;height:40px}.theme-switch input{display:none}.slider{display:flex;align-items:center}.slider.round{border:solid grey;border-radius:34px}.moon,.sun{font-size:18px}.sun{margin-left:4px}.moon{margin-left:26px}.language-button{background-color:transparent;color:#000;border-radius:5px;transition:all .3s ease;display:flex;align-items:center;cursor:pointer}.language-button:focus,.language-button:hover{background-color:#0d6efd;color:#fff;outline:none}.container-langSwitcher{z-index:9;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative;width:100%}.buttons-container-langSwitcher{z-index:9;position:absolute;max-height:200px;overflow:auto;top:100%}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.switch-label{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#2196f3;transition:.4s;border-radius:24px}.switch-label:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.switch-label:before{transform:translateX(26px)}.alert{animation:fadeIn .3s ease-in;border-left:5px solid #842029}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}