html{scroll-behavior:smooth;margin:0;padding:10px}body{text-align:center;background-color:#282222}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}.container{width:90%;max-width:1200px;margin:80px auto 0}.home{flex-direction:column;justify-content:center;height:auto;display:flex}.home h3{font-size:50px}.home pre{color:#fff;font-size:11px}.home fieldset{margin:10px}.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;padding:5px 10px}.home .intro .resumes{flex-direction:row;justify-content:center;gap:15px;padding:10px 0;font-size:20px;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<=680px){.home pre{font-size:7px}}@media (width<=370px){.home pre{font-size:5px}}.projects{flex-direction:column;justify-content:center;width:100%;height:auto;margin-top:50px;display:flex}.projects .cards{scrollbar-color:#97cc4c #282222;scrollbar-width:thin;flex-direction:row;align-items:center;width:100%;margin-top:20px;display:flex;overflow-x:scroll}.projects .cards .card{cursor:pointer;background:#feffff;border:2px solid #feffff;border-radius:5px;flex-direction:column;min-width:250px;max-width:280px;height:350px;margin:20px;transition:transform .3s;display:flex;position:relative;overflow:hidden}.projects .cards .card:hover{transform:scale(1.05)}.projects .cards .card:hover .description{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:#feffff;border-top:1px solid #eee;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:#282222;margin:0 0 10px;font-size:25px}.projects .cards .card .description p{color:#717171;width:calc(100% - 20px);margin:0;padding:5px 0}.projects .cards .card .tags{background:#feffff;flex-wrap:wrap;justify-content:start;gap:0 10px;width:100%;height:30px;padding:10px;display:flex;position:absolute;bottom:30px}.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:13px}.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}}.contacts{flex-direction:column;display:flex}.contacts .contact{flex-direction:row;justify-content:center;align-items:center;display:flex}.contacts .contact a{color:#fff;cursor:pointer;padding:10px;text-decoration:none}.send-message{flex-direction:column;align-items:center;padding:10px 0;display:flex}.send-message form{color:#000;text-align:left;border-radius:5px;flex-direction:column;width:calc(100% - 20px);max-width:600px;margin-top:10px;margin-bottom:15px;display:flex}.send-message .inputs{background-color:#000;border:1px solid #fff;border-radius:5px;flex-direction:column;display:flex}.send-message input{all:unset;color:#fff;background:#000;border-bottom:1px solid #fff;border-top-left-radius:5px;border-top-right-radius:5px;padding:10px;font-size:17px}.send-message input:-webkit-autofill{-webkit-text-fill-color:white;-webkit-box-shadow:inset 0 0 0 1000px #000}.send-message input[type=submit]{color:#282222;cursor:pointer;background-color:#fff;border-radius:0;align-self:center;width:fit-content;margin-top:10px;padding:5px 10px;font-weight:600;text-decoration:none}.send-message input[type=submit]:hover{background-color:#97cc4c;border-color:#97cc4c;transition:all .2s}.send-message textarea{resize:none;color:#fff;background-color:#000;border-bottom-right-radius:5px;border-bottom-left-radius:5px;height:100px;padding:10px;font-size:17px}.popup-hidden{display:none}.popup-open{border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.popup-open .recaptcha-hidden{display:none}.popup-open .recaptcha{color:#fff;background:#282222;border:1.5px solid #717171;border-radius:5px;flex-direction:column;justify-content:space-around;align-items:center;width:300px;height:150px;padding:20px;display:flex}.popup-open .recaptcha .cancel{width:inherit;justify-content:right;display:flex}.popup-open .alert-hidden{display:none}.popup-open .alert{color:#fff;background:#282222;border:1.5px solid #717171;border-radius:5px;flex-direction:column;justify-content:space-around;align-items:center;width:300px;height:150px;padding:20px;display:flex}.top{text-decoration:none}.top:hover{transition:all .3s;transform:scale(1.1)}html,input,button,textarea{font-family:Share Tech Mono,monospace}a{text-decoration:none}h2,a{color:#97cc4c}p,h3{color:#feffff}.navbar .button{margin:0 17px;font-size:18px}.navbar .name{color:#feffff;height:fit-content;margin:10px 0;padding:0;font-size:35px;font-weight:600}@media (width<=780px){.navbar{flex-direction:column;display:flex}.navbar .button{margin:0 10px;font-size:15px}}@media (width<=450px){.navbar .name{font-size:30px}.navbar .buttons{flex-direction:column;display:flex}.navbar .button{margin:0 10px;font-size:18px}}.button{color:#97cc4c;font-weight:700;text-decoration:none;position:relative}.button:after{content:"";background-color:#000;width:0;height:2px;transition:all .3s;position:absolute;bottom:0;left:0}.button:hover:after,.button:focus:after{background-color:#97cc4c;width:100%}.popup-open button{color:#282222;cursor:pointer;background-color:#fff;border:0;width:fit-content;padding:5px 10px;font-size:16px;font-weight:600;text-decoration:none}.popup-open button:hover{background-color:#97cc4c;border-color:#97cc4c;transition:all .2s}.popup-open button:disabled{cursor:not-allowed;background-color:gray}.cancel-btn{cursor:pointer;margin-bottom:10px}.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.5e764a2e.css.map */