body{margin:0;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}html{scroll-behavior:smooth}.navbar{background-color:#fff}.activeStyle{text-decoration:none;color:#0cc90c;border-bottom:2px solid grey;padding:15px;transition-duration:.3s}.activeStyle:hover{color:green}.logo{border:2px solid grey;border-radius:4px 17px;padding:10px 15px;box-shadow:4px 3px #999}.logo:hover{border-radius:15px;box-shadow:3px 5px #bbb8b8;transition-duration:2.3s}.custom{text-decoration:none;color:#383636;margin-left:5px;font-size:16px}.custom:hover{color:#e0c423;padding-bottom:2px;border-radius:3px}.resume_button{padding:8px 15px}#light{background-color:#f3ebf6}#dark{background-color:#46045e}#light .main{background-color:#fff}#dark .main{background-color:#38004c}.resume_button2{border:0;font-size:1rem;outline:2px solid #a19e9e;color:#111;padding:11px 15px;border-radius:17px 4px;box-shadow:6px 4px #999}.resume_button2:hover{color:#fff;outline:none;background-color:#07b607;box-shadow:5px #999;transition:1s ease-in-out;cursor:pointer}.footer-half{background-image:url(/static/media/oi.3e60043f.gif);background-repeat:no-repeat;background-position:50%}.footer-border{padding-bottom:3px;border-bottom:2px solid #c2dd60;width:20%}.footer-icon:hover{color:#4de211}.social-icon{font-size:22px}.fab{color:green}.fab:hover{color:#14da1e;cursor:pointer}a{text-decoration:none;color:#ec1670}.resume_button{border:0;font-size:1rem;outline:2px solid #a19e9e;color:#111;padding:9px 15px;border-radius:17px 4px;box-shadow:6px 4px #999}.resume_button:hover{color:#fff;outline:none;background-color:#07b607;box-shadow:5px #999;transition:1s ease-in-out;cursor:pointer}.skill{margin:0;align-items:center;justify-content:center;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:1fr}.first_button{font-size:1rem;background:#fff;outline:2px solid #a19e9e;padding:8px 15px;border-radius:4px 17px;box-shadow:6px 4px #999}.first_button:hover{outline:none;box-shadow:5px #999;transition:1s ease-in-out;cursor:pointer}.second_button{font-size:1rem;background:#fff;outline:2px solid #a19e9e;padding:8px 15px;border-radius:17px;box-shadow:6px 4px #999}.second_button:hover{outline:none;box-shadow:5px #999;transition:1s ease-in-out;cursor:pointer}.third_button{font-size:1rem;background:#fff;outline:2px solid #a19e9e;padding:8px 15px;border-radius:17px;box-shadow:6px 4px #999}.third_button:hover{outline:none;box-shadow:5px #999;transition:1s ease-in-out;cursor:pointer}.fourth_button{font-size:1rem;background:#fff;outline:2px solid #a19e9e;padding:8px 15px;border-radius:17px;box-shadow:6px 4px #999}.fourth_button:hover{outline:none;box-shadow:5px #999;transition:1s ease-in-out;cursor:pointer}.fifth_button{font-size:1rem;background:#fff;outline:2px solid #a19e9e;padding:8px 15px;border-radius:17px;box-shadow:6px 4px #999}.fifth_button:hover{outline:none;box-shadow:5px #999;transition:1s ease-in-out;cursor:pointer}.sixth_button{font-size:1rem;background:#fff;outline:2px solid #a19e9e;padding:8px 15px;border-radius:17px 4px;box-shadow:6px 4px #999}.sixth_button:hover{outline:none;box-shadow:5px #999;transition:1s ease-in-out;cursor:pointer}.link-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:160px;position:relative;z-index:0}.link-one .link-two .link-three{font-family:"Bungee",cursive;font-size:2.5em}.link-one{color:#179c93;transition:color 1s cubic-bezier(.32,0,.67,0);line-height:1em}.link-one:hover{color:#111;transition:color 1s cubic-bezier(.33,1,.68,1)}.link-one:before{content:"";position:absolute;z-index:-1;top:0;right:0;-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%);transition:-webkit-clip-path 1s cubic-bezier(.65,0,.35,1);transition:clip-path 1s cubic-bezier(.65,0,.35,1);transition:clip-path 1s cubic-bezier(.65,0,.35,1),-webkit-clip-path 1s cubic-bezier(.65,0,.35,1)}.link-one:hover:before{-webkit-clip-path:circle(100% at 50% 50%);clip-path:circle(100% at 50% 50%)}.link-one:after{content:"";position:absolute;z-index:-1;top:0;right:0;-webkit-clip-path:polygon(40% 0,60% 0,60% 0,40% 0,40% 100%,60% 100%,60% 100%,40% 100%);clip-path:polygon(40% 0,60% 0,60% 0,40% 0,40% 100%,60% 100%,60% 100%,40% 100%);transition:-webkit-clip-path 1s cubic-bezier(.65,0,.35,1);transition:clip-path 1s cubic-bezier(.65,0,.35,1);transition:clip-path 1s cubic-bezier(.65,0,.35,1),-webkit-clip-path 1s cubic-bezier(.65,0,.35,1)}.link-one:hover:after{-webkit-clip-path:polygon(40% 10%,60% 10%,60% 35%,40% 35%,40% 90%,60% 90%,60% 65%,40% 65%);clip-path:polygon(40% 10%,60% 10%,60% 35%,40% 35%,40% 90%,60% 90%,60% 65%,40% 65%)}.link-two{color:#0755bb;transition:color 1s cubic-bezier(.32,0,.67,0)}.link-two:hover{color:#111;transition:color 1s cubic-bezier(.33,1,.68,1)}.link-two:before{content:"";position:absolute;z-index:-2;width:100%;height:100%;top:0;right:0;-webkit-clip-path:polygon(0 -20%,100% -30%,100% -10%,0 0,0 130%,100% 120%,100% 100%,0 110%);clip-path:polygon(0 -20%,100% -30%,100% -10%,0 0,0 130%,100% 120%,100% 100%,0 110%);transition:-webkit-clip-path 1s cubic-bezier(.25,1,.5,1);transition:clip-path 1s cubic-bezier(.25,1,.5,1);transition:clip-path 1s cubic-bezier(.25,1,.5,1),-webkit-clip-path 1s cubic-bezier(.25,1,.5,1)}.link-two:hover:before{-webkit-clip-path:polygon(0 10%,100% 0,100% 20%,0 30%,0 100%,100% 90%,100% 70%,0 80%);clip-path:polygon(0 10%,100% 0,100% 20%,0 30%,0 100%,100% 90%,100% 70%,0 80%)}.link-two:after{content:"";position:absolute;z-index:-1;width:8ch;height:8ch;top:50%;right:50%;transform:translate(50%,-50%) rotate(0deg) scale(0);transition:transform 1s ease}.link-two:hover:after{transform:translate(50%,-50%) rotate(135deg) scale(1)}.link-three{color:#eb7132}.link-three:after{content:"";position:absolute;z-index:2;width:50%;height:100%;top:0;left:0;transform:translateY(-50%) scaleY(0);transition:transform 1s ease;mix-blend-mode:difference;-webkit-clip-path:polygon(20% 60%,100% 60%,100% 40%,20% 40%,20% 0,60% 0,60% 20%,20% 20%);clip-path:polygon(20% 60%,100% 60%,100% 40%,20% 40%,20% 0,60% 0,60% 20%,20% 20%)}.link-three:hover:after{transform:translate(0) scaleY(1)}.link-three:before{content:"";position:absolute;z-index:2;width:50%;height:100%;bottom:0;right:0;transform:translateY(50%) scaleY(0);transition:transform 1s ease;mix-blend-mode:difference;-webkit-clip-path:polygon(80% 40%,0 40%,0 60%,80% 60%,80% 100%,40% 100%,40% 80%,80% 80%);clip-path:polygon(80% 40%,0 40%,0 60%,80% 60%,80% 100%,40% 100%,40% 80%,80% 80%);background-color:#eb7132}.link-three:hover:before{transform:translate(0) scaleY(1)}@media only screen and (max-width:688px){.skill{margin:0;height:600px;display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:1fr}}.projectbar{overflow-x:hidden}.tab-change{color:#000!important;cursor:pointer}.tab{color:#000;border:1px solid grey!important;margin:0 5px}.nav-tabs .nav-link{margin-bottom:-1!important;border:0!important;box-shadow:6px 4px #999}.nav-tabs{border-bottom:0!important}.nav-link{color:#000}.active{color:#0bcc0b!important;border-radius:17px 4px}.custom-container{display:flex;background-color:#0d6e11;height:500px;align-items:center}.main{display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;align-items:center;margin:0 10% 0 30%;border-radius:15px}.first{padding:10px 40px;border-top-left-radius:10px;border-bottom-left-radius:10px;color:#fff;background-color:#2e0777;background-repeat:repeat}.view-text{padding-top:10px;color:#c4b8b8}.second{padding:10px 40px;width:450px;background-color:#fff;border-top-right-radius:10px;border-bottom-right-radius:10px}.button,.second-text{margin-top:20px}.button{border:1px solid #2e0777;background-color:#147a07;border-radius:20px;color:#fff;padding:7px 20px}@media (max-width:767px){.mobile{display:none}}.skill{border-bottom:2px solid grey}li{list-style-type:none}.skill_first{border:0;font-size:1rem;outline:2px solid #a19e9e;color:#111;padding:6px 4px;border-radius:17px 4px;box-shadow:6px 4px #999}.skill_first:hover{color:#fff;outline:none;background-color:#07b607;box-shadow:5px #999;transition:1s ease-in-out;cursor:pointer}.icon_correction{font-size:1.4rem}.card,.whole{overflow-x:hidden}.card{width:500px;height:auto;background:#fff}.card .image{width:100%;height:100%;overflow-x:hidden}.card .image img{width:100%;transition:.5s}.card:hover .image img{opacity:.5;transform:translateX(30%)}.card .details{position:absolute;top:0;left:0;width:70%;height:100%;background:#0a0a0a;transform-origin:left;transform:perspective(2000px) rotateY(-90deg)}.card:hover .details{transform:perspective(2000px) rotateY(0deg)}.card .details .center{padding:20px;text-align:center;background:#fff;position:absolute;width:100%;top:50%;transform:translateY(-50%)}.card .details .center h1{margin:0;padding:0;color:#ff3636;line-height:20px;font-size:1.4 rem;text-transform:uppercase}.card .details .center h1 span{font-size:1 rem;color:#262626}.card .details .center p{margin:10px 0;padding:0;color:#262626}.card .details .center ul{margin:10px auto 0;padding:0;display:table}.card .details .center ul li{list-style:none;margin:0 5px;float:left}.card .details .center ul li a{display:block;background:#262626;color:#fff;width:30px;height:30px;line-height:30px;text-align:center;transform:.5s}.card .details .center ul li a:hover{background:#ff3636}.details-img{max-height:800px}.gap{line-height:1.8}a{color:#fff}a:hover{color:#f0f8ff}.banner{background-image:url(/static/media/404.181c5a64.gif);background-repeat:no-repeat;background-position:50%}
/*# sourceMappingURL=main.11d10c23.chunk.css.map */