@import url(https://fonts.googleapis.com/css2?family=Ubuntu&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter&family=Ubuntu&display=swap);.cursor,.section.hidden,.text{pointer-events:none}#top-menu a:hover,.in-view{text-underline-position:under;text-decoration:underline}#portfolio-h2,.portfolio-img{text-align:center}#portfolio-h2,#visit-site{margin-top:20px}#top-menu a:hover,#visit-site,.in-view{text-decoration:underline}#greeting,label{margin-bottom:5px}.fa-xmark,.portfolio-img img,.portfolios,button,form input,i,label,textarea{cursor:pointer}#social-bottom,#social-top{margin-left:25px}body{scroll-behavior:smooth;padding:0;margin:0;overflow:hidden;cursor:initial}.iamtsquare-root{font-family:Inter,sans-serif;top:0;left:0;width:100%;position:absolute;background-color:#000016;color:#c7c8ff;overflow:hidden;font-weight:300}#greeting,.text{font-weight:700}.nav-container{position:fixed;width:100%;display:flex;justify-content:center;background-color:#010135;padding:5px;box-shadow:1px 1px 5px 1px #020f47;height:42px;z-index:99;transition:background-color .3s}.circle,.cursor{position:absolute}.iamtsquare-nav,.social{width:40%}.site-title-img{width:20%}.nav-container:hover{box-shadow:1px 1px 10px 2px #21379b;background-color:#010147}.nav-container li{list-style:none;color:#fff;display:inline-block;margin:3px;font-weight:700}#iamtsquare-menu,#mobile-menu,.show{display:none}.cursor{width:20px;background-color:red}.circle{min-height:auto;width:60px;height:60px;background-color:#0d28a13f;border-radius:50%;transform:translate(-50%,-50%);transition:.1s;z-index:999;border:2px solid #060986}.text{position:fixed;top:30px;left:-50px;opacity:0;white-space:nowrap;color:#fff;transition:opacity .3s,transform .3s;z-index:9999;font-size:13px}#visit-site:hover,i:hover{color:#1b37b4}.iamtsquare-container{width:100%;margin:auto auto 50px;padding-top:10px;display:flex;flex-direction:column;overflow:hidden;line-height:27px}.section{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;transition:transform 1s ease-out,opacity .1s ease-out;opacity:1;position:relative;transform-style:preserve-3d}.section.hidden{opacity:0;transform:translateY(100%)}#lets-talk{margin-top:5px;border-radius:23px;padding:10px}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-thumb{background:#3551f185;border-radius:2px}.skills,button{background-color:#555}::-webkit-scrollbar-thumb:hover{background:#555}#about-me{color:#cbccee;padding:10px 15px;font-size:18px;width:70%;text-align:left}.calendly-badge-widget{bottom:40px!important;right:5px!important}#top-menu{margin-left:30px;font-size:17px;text-transform:capitalize}#top-menu a:hover{color:#6a85fc;text-decoration-thickness:5px}.in-view{text-decoration-thickness:3px}#site-title-img{width:150px;height:auto}button{border-radius:10px;padding:7px;border:1px solid #363636;font-size:20px;color:#cbccee}.calendly-inline-widget,.portfolio-img img{border-radius:10px}.skills:hover,button:hover{background-color:#363636}a{text-decoration:none;color:#fff}.introduction{margin-top:80px;padding-top:80px;width:700px;height:500px;font-size:20px;line-height:40px}#greeting{font-size:22px;display:inline-block;text-align:left}#loadingDots{font-size:24px}.visible{animation:3s ease-in fadeIn}.portfolios{display:flex;padding:10px 5px;flex-direction:row;line-height:30px}.portfolio-img{margin:auto 10px;width:65%;overflow:hidden}.portfolio-img img{width:100%;height:400px}.portfolio-text{width:35%;padding:0 10px 10px;margin-left:30px;font-size:20px;margin-top:-25px;text-align:left}.contact-me,.footer{text-align:center}.portfolio-text h3{margin:15px 15px 15px 0;font-family:Inter,sans-serif;font-weight:400}.portfolio-text hr{width:90%;height:2px;background-color:#010430;border:none;margin-top:5px;float:left}.stack{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap}.skills{border-radius:23px;padding:5px 10px;animation:.5s ease-in fadeIn;margin-top:5px;margin-left:10px}.project-top{display:flex;justify-content:space-between}.fa-xmark{font-size:24px}.portfolio-text h4{margin:10px}.portfolio-modal{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.904)}.portfolio-modal-content{margin:80px auto auto;width:50%;background-color:#010135;padding:20px 20px 50px 30px;border-radius:10px;box-shadow:1px 1px 5px 1px #1b37b4;color:#cecff8;height:500px;overflow-y:auto}.portfolio-modal-container{width:95%;z-index:99}.iframe>iframe{width:100%;height:500px;border-radius:10px}.review{font-size:15px;margin:5px}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.arrows{position:fixed;bottom:5px;left:50%;transform:translateX(-50%)}#imageContainer,#section8,.testimonial-block{overflow:hidden;position:relative}.arrow-down,.arrow-up{font-size:24px;opacity:0;transition:opacity .3s ease-in-out;cursor:pointer;z-index:999!important}.arrow-down.blink,.arrow-up.blink{opacity:1;animation:1s infinite blink}@keyframes blink{0%,100%{opacity:0}50%{opacity:1}}.testimonial-block{width:90%;animation:2s forwards slideUp;display:none}#contact,.active{display:block}.testimonial-block iframe{width:100%;height:100vh;border-radius:10px;border:1px solid #000016}#contact{width:70%;margin:60px auto auto}.contact-me form{display:flex;flex-direction:column;width:50%;margin:auto}label{text-align:left;font-weight:700}form input,textarea{border-radius:10px;background-color:#cecff8;border:1px solid #cecff8;padding:10px;width:100%}form input[type=button]:hover{background-color:#6a85fc;border:1px solid #627ffd}input:focus,textarea:focus{border:1px solid #5776ff;outline:0}.footer{min-height:fit-content;background-color:#010135;width:100%;display:flex;flex-direction:column;justify-content:space-around;font-weight:600;font-size:14px;padding:20px 30px 30px}.footer li{list-style:none;color:#fff;display:inline-block;font-weight:700}#footer-menu{margin-right:10px}#social-bottom{font-size:20px;padding:0}.image-previews{display:flex;padding-bottom:15px}.mobile-preview{margin-left:-100px;width:230px!important}.tablet-preview{margin-left:-200px}#error{color:#f30202;padding:0;margin:-20px 0 0}#github{margin-top:25px}#imageContainer{width:800px;height:400px}#imageContainer img{width:100%;height:auto;position:absolute;opacity:0;animation:2s ease-in-out forwards fadeIn}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width:1500px){.portfolios{padding:5px 3px;line-height:44px}.portfolio-img{width:75%;margin-left:25px;margin-right:25px}.portfolio-img img{height:550px}.portfolio-text{width:25%;padding:15px;margin-left:25px;font-size:24px;margin-top:5}.portfolio-text h3{margin:15px 15px 15px 0}#about-me{padding:15px 20px;font-size:18px;width:65%;text-align:left}#imageContainer{width:900px;height:500px}}@media (max-width:1200px){#top-menu{margin-left:10px;font-size:15px;text-transform:capitalize}.iamtsquare-container{line-height:25px}.portfolios{padding:5px 3px;line-height:27px}.portfolio-img{width:60%;overflow:hidden;margin-left:10px;margin-right:10px}.portfolio-img img{height:300px}.portfolio-text{width:40%;padding:7px;margin-left:20px;font-size:18px;margin-top:0}.portfolio-text h3{margin:10px 10px 10px 0}#about-me{padding:5px 10px;font-size:18px;width:80%;text-align:left}#imageContainer{width:700px;height:400px}.footer{margin-top:-10px;font-size:small;line-height:normal;height:65px}#footer-menu{margin-right:3px;width:200px}#social-bottom{margin-left:5px}}@media (max-width:1020px){#mobile-menu,.iamtsquare-nav{display:none}.nav-container{justify-content:space-between}.site-title-img{width:30%}#iamtsquare-menu{display:block;width:auto;padding-top:20px;padding-right:20px}.social{width:auto;margin-left:0}#mobile-menu{position:fixed;top:0;left:0;right:0;flex-direction:column;background:linear-gradient(#264bf0,#091e7e);z-index:999;width:100%;margin:0;border-radius:0 0 10px 10px;animation:.1s ease-in fadeIn}.mobile-top{display:flex;width:100%;display:flex;justify-content:space-between;background-color:#04209e;padding:10px;box-shadow:1px 1px 10px 1px #031c8b;height:45px;z-index:999;font-family:Arial,Helvetica,sans-serif}#close-menu{padding-right:25px;padding-top:15px}.mobile-top-menu{display:flex;flex-direction:column;text-align:left;font-size:15px;margin-left:0;padding:0 0 0 25px;font-family:Georgia,'Times New Roman',Times,serif;font-weight:400}.mobile-top-menu hr{width:100%;height:.5px;background-color:#2a37e9;border:none;margin-top:15px}.mobile-top-menu li{padding-top:10px}.mobile-social{text-align:center}#mobile-menu li{list-style:none;color:#fff;display:inline-block;margin:3px;font-weight:700}#mobile-social-item{margin-right:25px!important}}@media (max-width:700px){.iamtsquare-root,body{padding:0;margin:0}#mobile-menu,#social-top,.iamtsquare-nav{display:none}body{overflow:auto;overflow-x:hidden}.nav-container{margin:0;padding:5px 5px 5px 0}.nav-container li{margin:0}.mobile-top,.mobile-top-menu,.portfolios{display:flex;display:flex}.site-title-img{width:80%}#social-top{margin:0 5px 0 0;padding:5px 0 0}.social{width:40%;margin-left:0}#iamtsquare-menu{display:block;width:5%;cursor:pointer;padding-top:20px;padding-right:10px}#iamtsquare-menu .fa-bars{font-size:20px}#mobile-menu{position:fixed;top:0;left:0;right:0;flex-direction:column;background:linear-gradient(#264bf0,#091e7e);z-index:999;width:100%;margin:0;border-radius:0 0 10px 10px;animation:.1s ease-in fadeIn}.mobile-top{width:100%;justify-content:space-between;background-color:#04209e;padding:10px;box-shadow:1px 1px 10px 1px #031c8b;height:45px;z-index:999;font-family:Arial,Helvetica,sans-serif}#close-menu{padding-right:25px;padding-top:15px}.mobile-top-menu{flex-direction:column;text-align:left;font-size:15px;margin-left:0;padding:0 0 0 25px;font-family:Georgia,'Times New Roman',Times,serif;font-weight:400}#footer-menu ul,.mobile-social,.portfolio-img{text-align:center}.mobile-top-menu hr{width:100%;height:.5px;background-color:#2a37e9;border:none;margin-top:15px}.mobile-top-menu li{padding-top:10px}.in-view{text-decoration:none}.in-view a{color:#04a52c}#mobile-menu li{list-style:none;color:#fff;display:inline-block;margin:3px;font-weight:700}#mobile-social-item{margin-right:25px!important}.iamtsquare-container{letter-spacing:normal;margin-bottom:25px;padding-top:5px;overflow:hidden}.section{width:100%;height:fit-content;overflow-y:auto;opacity:0;transform:translateY(20px);transition:opacity 1s,transform 1s}.section.active{opacity:1;transform:translateY(0)}.introduction{margin-top:60px;padding-top:15px;width:97%;height:500px;padding-left:10px}#portfolio-h2,.portfolio-img button{margin-top:10px}.portfolios{padding:0;cursor:pointer;flex-direction:column!important;line-height:30px}.portfolio-img{margin:auto 10px;width:97%;overflow:hidden;justify-content:center;align-items:center}.portfolio-img img{width:100%;height:auto;border-radius:10px;cursor:pointer}.portfolio-text{width:95%;padding:0 5px 5px;margin-left:5px;font-size:22px;margin-top:5px;overflow-y:scroll}.portfolio-text h3{text-align:center;font-weight:400;margin-top:35px}.portfolio-text h4{margin-top:15px}.portfolio-text hr{width:100%}.image-previews{flex-direction:column;margin:auto;width:100%}.image-previews img{margin-top:50px;margin-bottom:15px;display:inline-block}.skills{margin-left:5px}.mobile-preview{margin-left:0;width:100%!important}.tablet-preview{margin-left:0}.portfolio-modal{z-index:9999;top:80px;bottom:0;right:0;height:100vh}.portfolio-modal-content{margin:50px auto auto;width:90%;height:100vh;overflow-y:auto}.portfolio-modal-container{width:100%;z-index:999;margin-left:-10px}#about-me{font-size:22px;width:95%;text-align:left;font-weight:300}.testimonial-block{width:100%!important;padding:0;margin:0}#contact,.footer{margin-top:-10px}.testimonial-block iframe{width:100%;height:100vh;border-radius:10px;border:1px solid #000016}.calendly-badge-widget{display:none;width:70%;left:50%;transform:translateX(-50%);bottom:3px!important}.contact-me form{width:99%;margin-left:-5px;margin-bottom:50px}#github{margin-top:50px}#imageContainer{width:100%;height:250px;overflow:hidden;position:relative}.footer{flex-direction:column;padding:10px;overflow:hidden;font-size:13px;height:150px}#footer-menu{margin-left:50px;margin-top:0;margin-bottom:0}#footer-menu ul{margin:auto auto 0;width:100%}#social-bottom{font-size:27px;margin-left:10px}.footer>div{width:95%;padding:0;margin:0}}