@import "https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap";
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Ubuntu:wght@400;500;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap";
.contact .row{flex-wrap:wrap;justify-content:center;display:flex}.contact .row form{background:var(--primary-bg-color);border-radius:.5rem;flex:40rem;margin:1rem;padding:2rem;box-shadow:0 .5rem 1rem #0000001a}.contact .row .map{border:2rem solid var(--primary-bg-color);border-radius:.5rem;flex:40rem;width:100%;margin:1rem;box-shadow:0 .5rem 1rem #0000001a}.contact .row form .inputBox{flex-wrap:wrap;justify-content:space-between;display:flex}.contact .row form input,.contact .row form textarea{border-bottom:.1rem solid var(--secondary-text-color);text-transform:none;color:var(--main-color);background:0 0;width:100%;margin:1rem 0;padding:1rem 0;font-size:1.7rem}.contact .row form input::placeholder,.contact .row form textarea::placeholder{text-transform:capitalize;color:var(--secondary-text-color)}.contact .row form input:focus,.contact .row form textarea:focus{border-color:var(--main-color)}.contact .row form .inputBox input{width:49%}.contact .row form textarea{resize:none;height:15rem}.contact .row form .btn{cursor:pointer}.contact .box-container{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.contact .box-container .box{background:var(--primary-bg-color);text-align:center;border-radius:.5rem;flex:30rem;margin:1rem;padding:3rem 1rem;box-shadow:0 .5rem 1rem #0000001a}.contact .box-container .box i{background:var(--secondary-bg-color);width:6rem;height:6rem;color:var(--main-color);border-radius:50%;font-size:3rem;line-height:6rem}.contact .box-container .box h3{color:var(--primary-text-color);padding:1rem 0;font-size:2rem}.contact .box-container .box p{color:var(--secondary-text-color);font-size:1.5rem}
.blog .button-container{flex-wrap:wrap;justify-content:center;align-items:center;padding:1rem 0;display:flex}.blog .button-container .tags-container{flex-wrap:wrap;justify-content:center;display:flex}.blog .button-container .btn{cursor:pointer;margin:1rem}.blog .image-container{flex-wrap:wrap;justify-content:center;align-items:center;padding:1rem 0;display:flex}.blog .image-container .box{border:1.5rem solid var(--primary-bg-color);border-radius:.5rem;width:35rem;height:25rem;margin:1rem;position:relative;overflow:hidden;box-shadow:0 .5rem 1rem #0000001a}.blog .image-container .box img{object-fit:cover;width:100%;height:100%}.blog .image-container .box .blog-link,.blog .image-container .box .blog-link{z-index:99;color:var(--main-color);background-color:var(--secondary-bg-color);border-radius:30%;padding:.08em;font-size:3em;position:absolute;bottom:10px;right:10px}.blog .image-container .box .info{background:var(--primary-bg-color);opacity:.9;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;transform:scale(0)}.blog .image-container .box:focus-within .info,.blog .image-container .box:hover .info,.blog .image-container .box:focus .info{transform:scale(1)}.blog .image-container .box .info h3{color:var(--primary-text-color);font-size:2.5rem}@media (max-width:608px){.blog .button-container .btn.tags{padding:.5rem 1.5rem;font-size:1.85rem}}
.search-container{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:clamp(250px,100%,800px);margin-block:10px;margin-inline:auto;display:flex}.search-container>.search-box{border-radius:5px;margin-top:10px;padding:1.25rem 2rem;font-size:1.5rem}.search-container>.search-box-btn{cursor:pointer;border-radius:20px;padding:.5rem 1.5rem;font-size:1.5rem}.filter-search-instructions{color:var(--primary-text-color);text-align:center;text-wrap:pretty;text-transform:none;margin-block:1rem;font-size:2rem}.no-elements-text{color:var(--primary-text-color);margin-block:1rem;font-size:3.5rem}
.primary-footer{background-color:var(--primary-bg-color);color:var(--primary-text-color);text-align:center;padding:1rem 3rem 0;font-size:2em}.primary-footer p{color:var(--main-color);margin-left:auto;margin-right:auto;padding-bottom:1em;font-weight:700}.primary-footer p:last-child{padding-top:.5em;padding-bottom:0}.primary-footer ul{flex-wrap:wrap;justify-content:center;gap:1.5rem 1rem;margin:0 0 2.5rem;font-weight:700;list-style:none;display:flex}.primary-footer li+li{margin-left:1rem}.primary-footer a{color:inherit;text-underline-offset:.25em;font-family:Roboto,sans-serif;text-decoration:underline;text-decoration-thickness:.0125em}.primary-footer a:focus,.primary-footer a:hover{color:var(--main-color);text-decoration:none}
@media (max-width:991px){html{font-size:55%}section{padding:0 3%}}@media (max-width:768px){.home .image img{width:100%;height:auto}}@media (max-width:400px){html{font-size:50%}.skills .box-container .box,.portfolio .image-container .box,.blog .image-container .box,.contact .row form .inputBox input{width:100%}.heading{word-wrap:break-word;margin-top:2rem;font-size:3.5rem}}
.toast-container{z-index:100000;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:10px;left:10px}.toast{color:var(--main-color);background-color:var(--primary-bg-color);word-wrap:break-word;border-radius:5px;max-width:300px;padding:15px 30px;font-family:Arial,sans-serif;font-size:2rem;animation:.3s slideIn;box-shadow:0 2px 5px #0003}.toast-info{color:#fff;background-color:#2196f3}.toast-success{color:#fff;background-color:#4caf50}.toast-danger{color:#fff;background-color:#f44336}@media (max-width:768px){.toast-container{bottom:10px;left:10px}.toast{max-width:90%}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}
:root{--main-color:#2980b9;--primary-bg-color:#fff;--secondary-bg-color:#eee;--primary-text-color:#000;--secondary-text-color:#666;--accent-color:#2ecc71}