html{scroll-behavior:smooth;margin:0;padding:10px;scroll-padding-top:15px;overflow-x:hidden}body{text-align:center;background-color:#282222}body:before{content:" ";z-index:1000;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 2px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;display:block;position:fixed;inset:0}body{color:#feffff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#282222}::-webkit-scrollbar-thumb{background:#97cc4c;border:1px solid #282222}::-webkit-scrollbar-thumb:hover{background:#7db233}section{margin:60px 0}footer{text-align:center;margin:50px 0}.row{flex-direction:row;display:flex}.navbar{flex-direction:row;justify-content:space-around;align-items:center;height:fit-content;display:flex}.navbar .hamburger{display:none}.navbar .menu{flex-direction:row;width:fit-content;display:flex}.navbar .button{font-size:1.15rem}.navbar .name{color:#97cc4c;text-shadow:0 0 10px #97cc4cb3,0 0 20px #97cc4c80;letter-spacing:2px;margin:10px 0;font-family:Monofett,monospace;font-size:2.5rem;font-weight:600}.navbar #dropdown.open{display:none}.navbar #dropdown{opacity:0;flex-direction:column;gap:10px;width:0;max-height:0;transition:max-height .2s;display:flex;overflow:hidden}.navbar #dropdown .button{display:flex}@media (width<=836px){.navbar{flex-direction:column}.navbar .button{margin:0 10px}}@media (width<=620px){.navbar .title-row{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.navbar .name{font-size:2rem}.navbar .buttons{display:none}.navbar .hamburger{cursor:pointer;color:#feffff;background-color:#97cc4c;padding:5px 10px;display:block}.navbar #dropdown{border-bottom:1px solid #97cc4c;width:100%;margin:0 20px;padding:10px}.navbar #dropdown .button{width:70vw}.navbar #dropdown.open{opacity:1;max-height:200px;display:flex}}.container{width:90%;max-width:1200px;margin:80px auto 0}.home{flex-direction:column;justify-content:center;height:auto;display:flex}.home h3{color:#97cc4c;text-shadow:0 0 10px #97cc4cb3,0 0 20px #97cc4c80;font-size:1.5rem}.home pre{color:#fff}.home fieldset{margin:10px;padding:20px}.home .intro{color:#fff;flex-direction:column;justify-content:center;align-items:center;height:auto;display:flex}.home .intro .hello{bottom:10px}.home .intro .text{border:1px solid #fff}.home .intro .resumes{flex-direction:row;justify-content:center;gap:15px;padding:10px 0;font-size:1.15rem;display:flex}.home .intro .resumes a{color:#282222;cursor:pointer;background-color:#fff;width:fit-content;padding:5px 10px;text-decoration:none}.home .intro .resumes a:hover{background-color:#97cc4c;transition:all .2s}@media (width<=820px){.home pre{font-size:10px}}@media (width<=680px){.home pre{font-size:7px}}@media (width<=370px){.home pre{font-size:5px}}.projects{scrollbar-color:#97cc4c #282222;scrollbar-width:thin;flex-direction:column;justify-content:center;width:100%;height:auto;margin-top:50px;display:flex;overflow-x:auto}.projects .cards{flex-direction:row;justify-content:center;align-items:center;width:fit-content;margin:auto;display:flex}.projects .cards .card{cursor:pointer;background:#717171;border:2px solid #feffff;border-radius:5px;flex-direction:column;min-width:250px;max-width:280px;height:350px;margin:20px;transition:all .2s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:4px 4px #feffff80}.projects .cards .card:hover{border:2px solid #97cc4c;transition:all .2s ease-in-out;transform:scale(1.05);box-shadow:4px 4px #97cc4c80}.projects .cards .card:hover:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #97cc4cb3}.projects .cards .card:hover .description{border-top:1px solid #97cc4c;max-height:100px;bottom:90px}.projects .cards .card{z-index:0;position:relative}.projects .cards .card .live-btn{cursor:pointer;color:#fff;z-index:10;background-color:red;border:0;border-radius:5px;margin:5px;padding:2px;position:absolute;right:0}.projects .cards .card .live-btn:hover{background-color:#b70000;transition:all .2s}.projects .cards .card .image{width:100%;height:200px}.projects .cards .card .image img{object-fit:cover;object-position:center;width:100%;height:100%}.projects .cards .card .description{text-align:left;background:#717171;flex:1;width:100%;max-height:15px;padding:15px 10px;transition:all .4s;position:absolute;bottom:100px;overflow:hidden}.projects .cards .card .description h3{color:#97cc4c;text-shadow:0 0 10px #97cc4cb3,0 0 20px #97cc4c80;margin:0 0 10px;font-size:1.5rem}.projects .cards .card .description p{color:#feffff;width:calc(100% - 20px);margin:0;padding:5px 0;font-size:.95rem}.projects .cards .card .tags{height:30px;width:inherit;background:#717171;border-top:1px solid #0000;flex-wrap:wrap;justify-content:start;gap:0 10px;height:fit-content;margin-bottom:20px;padding:0 10px;display:flex;position:absolute;bottom:0}.projects .cards .card .tags .tag-gray,.projects .cards .card .tags .tag-orange,.projects .cards .card .tags .tag-green,.projects .cards .card .tags .tag-red,.projects .cards .card .tags .tag-blue,.projects .cards .card .tags .tag-violet{border-radius:5px;width:fit-content;margin-top:0;margin-bottom:10px;padding:2px 5px;font-size:.95rem}.projects .cards .card .tags .tag-orange{color:#bb6400;background-color:#f90}.projects .cards .card .tags .tag-gray{color:#4d4d4d;background-color:#bfbfbf}.projects .cards .card .tags .tag-green{color:#269700;background-color:#90ff6c}.projects .cards .card .tags .tag-red{color:#8f0000;background-color:#ff4343}.projects .cards .card .tags .tag-blue{color:#00787c;background-color:#7afbff}.projects .cards .card .tags .tag-violet{color:#4e0097;background-color:lab(52.44% 55.93 -74.34)}.skills{grid-template-columns:200px 200px 200px 200px;place-content:center;width:100%;display:grid}.skills .skill{width:200px}@media (width<=820px){.skills{grid-template-columns:200px 200px;place-content:center}}@media (width<=600px){.skills{grid-template-columns:200px;align-items:center}}.about{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.about p{max-width:800px}.contacts{flex-direction:column;justify-content:center;align-items:center;display:flex}.contacts .contact{flex-direction:row;justify-content:center;align-items:center;margin-bottom:15px;display:flex}.contacts .contact svg{margin-right:10px}.contacts .contact a{cursor:pointer;padding:12px;text-decoration:none}.contacts .send-message{color:#000;border:1px solid #717171;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 20px);max-width:600px;margin-top:15px;margin-bottom:15px;padding:10px;display:flex}.contacts .send-message svg{margin-bottom:10px}.contacts .send-message .contact{flex-direction:column;justify-content:center;align-items:center}html,input,button,textarea{font-family:Share Tech Mono,monospace}a{color:#feffff;text-decoration:none}a:hover{color:#97cc4c}h2{color:#97cc4c;font-size:1.5rem}p,legend,button,a{font-size:1.15rem}button,input[type=submit]{font-weight:600}p,h3{color:#feffff}button{cursor:pointer;border:0;font-family:Share Tech Mono,monospace;text-decoration:none}.button{color:#97cc4c;border:1px solid #0000;padding:5px 10px;font-weight:700;text-decoration:none;transition:all .2s;position:relative}.button:hover,.button:focus{color:#282222;background-color:#97cc4c;box-shadow:0 0 10px #97cc4c}.button:before{content:"> ";opacity:0;transition:opacity .2s}.button:hover:before,.button:focus:before{opacity:1}.top-btn{text-decoration:none}.top-btn svg:hover{transition:all .2s;transform:scale(1.2)}.divider{border:0;border-top:1px solid #97cc4c;height:1px;margin:1em 0;padding:0;display:flex}.rectangle{background:#97cc4c;width:200px;height:100px}.parallelogram{background:#97cc4c;width:150px;height:100px;transform:skew(20deg)}
/*# sourceMappingURL=path0.6ad22f39.css.map */