:root{--color:#39240b;--color-white:#fff;--color-sec:#45321cb7;--color-ter:#ffffffa6;--background-color:bisque;--background-color-sec:#432d11;--background-color-ter:#eed2b2;--color-accent:#5a55fa}::-webkit-scrollbar{display:none}:hover{transition:all .35s ease-in-out}*{margin:0;padding:0;font-family:Plus Jakarta Sans,sans-serif}html{color:var(--color);background-color:var(--background-color)}body{padding:1em}svg,img{width:30px;fill:var(--color)}button,.button{cursor:pointer;justify-content:center;align-items:center;display:flex}a{color:var(--color-accent);cursor:pointer;align-items:center;gap:5px;width:fit-content;padding:0 3px;font-size:.75rem;font-weight:700;text-decoration:none;display:flex;position:relative}a:after{content:"";background:var(--color-accent);width:0;height:1.5px;color:var(--color-accent);transition:all .15s ease-out;position:absolute;bottom:-1px;left:0}a:hover:after{width:100%}a svg{width:18px;fill:var(--color-accent)}#App{min-height:"100vh";position:"relative"}.top{-webkit-backdrop-filter:blur(12px);z-index:10;background:#e0bc8f78;border:1px solid #e0bc8f78;justify-content:space-between;align-items:center;width:100%;max-width:100vw;min-height:4em;margin-bottom:4em;display:flex;position:fixed;top:0;left:0}.top h2{word-wrap:break-word;width:50%;margin-left:1em;padding:10px 0;font-weight:900}.top .button{margin-right:1em}.head{text-align:center;flex-direction:column;align-items:center;gap:1em;width:100%;margin:5em 0;display:flex}.head *{width:88%}.head h1{margin-bottom:20px;font-size:2.5rem;font-weight:900}.head p{color:var(--color-sec);margin-bottom:20px;font-size:1.2rem}.head button{background-color:var(--color-white);border-radius:50px;height:2em;padding:2em;font-size:1rem;font-weight:700}.head button:hover{transform:translateY(-5px)}.head button.main{background-color:var(--color);color:var(--color-white)}.head button.other{border:1px var(--color-white)}.head span{justify-content:center;gap:2em;margin-top:30px;display:flex}.head span .button{width:30px}.body h1{margin-bottom:.6em;font-weight:800}.body h4{color:var(--color-sec);font-size:1rem;font-weight:500}.body .list{flex-direction:column;align-items:center;width:100%;margin:2em 0;display:flex}.body .project{background-color:var(--color-ter);-webkit-backdrop-filter:blur(12px);border-radius:30px;flex-direction:column;gap:1em;width:70%;min-height:15em;margin:1em 0;padding:1.5em;display:flex}.body .project:hover,.body .list .contact:hover,.body .list .skill:hover{cursor:pointer;transform:scale(1.05)}.body .project .frameworks{justify-content:flex-end;gap:.8px;display:flex}.body .project .frameworks img{border:none;border-radius:1px;width:20px;height:auto}.body .project img{border:2px solid var(--background-color-ter);object-fit:cover;border-radius:20px;align-self:center;width:100%;height:30vh}.body .project b{font-size:1.5rem}.body .project p{color:var(--color-sec);font-size:.9rem;line-height:1.8em}.body .project .tags{flex-wrap:wrap;gap:.5em;display:flex}.body .project .tags .tag{background-color:var(--background-color-ter);text-align:center;border-radius:100px;padding:5px 10px;font-size:.7rem;font-weight:500}.body .project .urls{flex-direction:column;gap:.5em;display:flex}.body .list .skill{background-color:var(--color-ter);border-radius:20px;flex-direction:column;gap:1em;width:80%;min-height:2em;margin:1em 0;padding:1.5em;display:flex}.body .list .skill .frames{flex-wrap:wrap;gap:10px;display:flex}.body .list .skill .frames .frame{background-color:var(--background-color-ter);text-align:center;border-radius:100px;flex-shrink:0;padding:5px 10px;font-size:.7rem;font-weight:500}.body .list .contact{background-color:var(--background-color-sec);width:80%;min-height:2em;color:var(--color-white);border-radius:60px;justify-content:center;align-items:center;gap:.5em;margin:.5em 0;padding:.8em;display:flex}.body .list .contact svg{width:20px;fill:var(--color-white)}.tail{flex-direction:column;align-items:center;gap:5px;display:flex}.tail p{text-align:center;color:var(--color);align-items:center;font-size:.7rem;font-weight:600;display:flex}