.header{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:3rem 0rem 2rem}.header h1{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:5px;font-weight:800;font-size:28px}.header p{font-weight:600;font-size:12px}.header small{margin:5px 0;font-weight:300;font-size:10px;opacity:80%;text-align:center;width:50%;padding:3px 12px;border-radius:20px;box-shadow:#64646f33 0 7px 29px}.header small b{font-weight:700}.header hr{border:solid 1px rgb(255,255,255);width:200px;opacity:50%;margin-top:5px}.header img{width:30px}.list{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--primary);width:fit-content;border-radius:20px;box-shadow:#64646f33 0 7px 29px;padding:20px}.item{display:flex;align-items:center;margin:1rem 0}.item input{font-family:Nunito,sans-serif;background-color:var(--bg);color:#fff;border:none;padding:12px;width:350px;border-radius:10px;box-shadow:#0000003d 0 3px 8px}.item input::placeholder{color:#fff;opacity:80%}.item button{font-size:15px;margin-left:10px;background-color:var(--bg);border:none;color:#fff;font-weight:500;padding:5px 10px;border-radius:20px;box-shadow:#0000003d 0 3px 8px}.item button:hover{cursor:pointer;background-color:var(--secondary);transition:.6s}.list ul{margin:0;padding:0}.task{display:flex;align-items:center;text-align:left;margin:1rem 0;padding:1rem;border-radius:20px;width:380px;background-color:var(--thirdy);box-shadow:#0000001a 0 3px 8px}.task button{background-color:var(--bg);border:none;color:#fff;font-weight:500;padding:5px 10px;border-radius:8px;box-shadow:#0000003d 0 3px 8px;margin-left:auto}.task button:hover{cursor:pointer;background-color:#e63737;transition:.6s}.task img{filter:invert(1);width:18px}.task .text{overflow:hidden;text-overflow:ellipsis}.checkbox{margin-right:10px}input[type=checkbox]{width:15px;height:15px;border-radius:4px;outline:none;cursor:pointer}@media only screen and (max-width: 768px){.list{padding:10px;width:fit-content}.item input{width:250px}.task{width:100%}}.footer{font-weight:200;text-align:center;position:fixed;bottom:20px;color:#fff;font-size:13px;opacity:50%}.footer a{text-decoration:none;color:#fff;transition:color .3s}.footer a:hover{opacity:70%}.footer b{font-weight:700}body.white-mode{background-image:url(../../assets/imgs/white-bg-repeat.png);background-color:var(--primary)}.white-mode .footer,.white-mode .separator,.white-mode .brand,.white-mode .skills{color:var(--bg)}.white-mode .home-title .text,.white-mode .navbar,.white-mode .exp,.white-mode .home-contact a,.white-mode .project,.white-mode .project-info,.white-mode .project-time{background-color:var(--primary);color:var(--bg)}.white-mode h1,.white-mode .navbar span{color:var(--bg)}.white-mode img,.white-mode .navbar img,.white-mode .brand img{filter:none}.white-mode .repo-item,.white-mode .project-list div a{background-color:var(--bg);color:var(--primary)}.white-mode .project-time img,.addons img{filter:invert(1)}.project-time:hover:after{color:var(--bg);background-color:var(--primary)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--bg: #00488b;--primary: #006fb9;--secondary: #4cacec;--thirdy: #0f7fca}body{background-color:var(--bg);font-family:Nunito,sans-serif;color:#fff}.main{display:flex;align-items:center;justify-content:center;flex-direction:column}