@import url(https://fonts.googleapis.com/css2?family=Karla&display=swap);*{padding:0;margin:0;scroll-behavior:smooth;font-family:"Karla",sans-serif;list-style-type:none}a{text-decoration:none!important;transition:all .1s ease-in!important}a:hover{color:#000!important}@media screen and (min-width:768px){.heading h1{font-size:64px!important}.heading h1,.heading p{text-align:center!important}.heading p{display:flex!important;font-size:40px!important}.form-container{margin-top:15%;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}.about p{margin-top:5rem;width:40rem!important}.tests{display:flex;justify-content:space-between;flex-wrap:wrap;flex-direction:row;margin-left:10rem;margin-right:10rem}.contact-lg{display:flex;flex-direction:row!important}.more-info{display:grid!important;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr);width:100%}.resume-work{grid-column:1;text-align:left}.resume-education{grid-column:2;text-align:end}.pie-skill{display:flex;flex-direction:row!important}}@media only screen and (min-width:600px){.heading h1{font-size:64px!important}.heading h1,.heading p{text-align:center!important}.heading p{display:flex!important;font-size:40px!important}.form-container{margin-top:15%;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center}}.form-container{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:10%;background-color:rgba(0,0,0,.1)!important}.form-design{background-color:#ffeecd;height:auto;padding:2rem}.form-container form .button{display:flex;justify-content:center;align-content:center;width:10rem;height:2rem}.form-email,.form-msg,.form-name{width:100%!important}.form-button{margin:1rem;height:2.5rem;width:8rem;border-style:none;transition:all .5s ease;background-color:orange}.form-button:hover{background-color:#fff;color:#ff8c00}.con-span{color:#ff8c00}.header{background-image:url(/website-portfolio/static/media/coffee-cup-yellow.0ec5d281.jpg);background-size:cover;background-repeat:no-repeat;width:auto;height:100vh}.header,.heading{display:flex;justify-content:center;align-items:center}.heading{flex-wrap:wrap;flex-flow:column;margin:5rem;padding:2rem;border:5px solid #fff;border-radius:2px;background-color:rgba(0,0,0,.4);color:#fff;font-weight:500}.heading h1{font-size:32px;font-weight:500;text-align:center}.heading p{font-size:24px;text-align:center}.heading .button{display:flex;padding:.7rem;margin:.7rem;color:#ff8c00!important;background-color:#fff;align-items:center;justify-content:center;border-radius:4px;font-size:24px;border:none;border-radius:2px!important;width:10rem;transition:all .7s;cursor:pointer;overflow:hidden}.heading .button span{cursor:pointer;display:inline-block;position:relative;transition:.7s}.heading .button span:after{content:"\00bb";position:absolute;opacity:0;top:0;right:-.5rem;transition:.7s}.heading .button:hover span{padding-right:2.1rem}.heading .button:hover span:after{opacity:1;right:0}.about{display:flex;padding:.5rem;flex-flow:column;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:3rem;height:auto;width:100%}.about .about-heading>p{margin-bottom:1rem}.about .navigation{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;overflow:hidden}.about .navigation .navigation-link .button{display:flex;padding-top:.7rem;padding-bottom:.7rem;margin:1rem;background-color:orange;align-items:center;justify-content:center;border-radius:2px;font-size:16px;border:none;width:8rem;transition:all .5s!important;cursor:pointer}.about .navigation .navigation-link .button>span{cursor:pointer!important;display:inline-block!important;position:relative!important;transition:.7s!important}.about .navigation .navigation-link .button span:after{position:absolute!important;opacity:1!important;top:0!important;transition:.7s!important}.about .navigation .navigation-link .button:hover{transform:translate(5%,5%)!important}.about .navigation .navigation-link .button:hover span{opacity:1!important}.about .navigation .navigation-link .button span{color:#000}.about .navigation .navigation-link .button:after{transform:translate(-5%,-5%)!important}.about .navigation .navigation-link .button:after span:after{opacity:1!important}.language-icons{display:flex;justify-content:center;align-items:center;height:auto;flex-direction:column;flex-flow:row;flex-wrap:wrap;margin-top:3rem;overflow:hidden}.language-icons .prog-icon{height:96px;width:96px;margin:2rem;transition:transform .3s}.language-icons .prog-icon:hover{transform:rotate(1turn)!important}.contact{height:30vh;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.contact,.contact-section>h3{background-color:rgba(0,0,0,.05)}.contact-section>h3{margin-bottom:0;margin-top:5rem;padding-top:3rem;display:flex;justify-content:center;text-align:center;color:#ff8c00}.contact .social-list{grid-column:1;grid-row:2;text-align:center}.contact .social-list>ul>li{margin:.5rem 0}.contact .footer-navigation{grid-column:2;grid-row:2;text-align:center}.contact .footer-navigation ul li a{margin:.5rem 0;font-size:12px;color:#000}.contact .footer-navigation ul li a:hover{color:#ff8c00!important}.contact-section>p{display:flex;justify-content:center;text-align:center;font-weight:100;font-size:12px;height:1rem}.github,.instagram,.linkedIn{height:24px;width:24px;transition:all .4s}.github:hover,.instagram:hover,.linkedIn:hover{cursor:pointer;scale:1.1}.github:hover:after,.instagram:hover:after,.linkedIn:hover:after{scale:1.1}.test{margin-top:5rem;margin-bottom:5rem;text-align:center}.tests{display:flex;justify-content:space-between;flex-wrap:wrap;flex-direction:row;background-color:orange}.test-header{color:#ff4500}.test-body{background-color:rgba(0,0,0,.05);color:#000}.projects{display:flex;flex-direction:column;flex-wrap:wrap;place-items:center;margin:1rem;background-color:#ffeecd;color:#000}.project-card{width:196px;height:196px}.card-style{justify-content:center;align-items:center;display:flex}.card-titled,.projects span{color:brown}.project-head{margin-top:5rem;text-align:center}.project-head,.project-head h1{margin-bottom:2rem}.project-page{background-color:orange}.link-card:hover{color:orange!important}.bold{font-weight:700;font-size:20px;text-transform:uppercase}.semi-bold{font-weight:500;font-size:16px}.resume{position:relative;width:800px;height:auto;display:flex;margin:50px}.resume .resume-left{width:280px;background:orange}.resume .resume-left .resume-profile{width:100%;height:280px}.resume .resume-left .resume-content{padding:35px}.resume .resume-left .bold{color:#fff}.resume .resume-left .regular{color:#000}.resume .resume-item{border-bottom:2px solid #fff}.resume .resume-left .resume-item:last-child{border-bottom:0}.resume .resume-left ul li{display:flex;align-items:center;margin-bottom:10px}.resume .resume-left ul li:last-child{margin-bottom:0}.resume .resume-left ul li .icon{width:35px;height:35px;background:#fff;color:#000;border-radius:50%;margin-right:15px;font-size:16px;position:relative}.resume .icon .icon-obj,.resume .resume-right .resume-hobby ul li .icon-obj{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resume .resume-left ul li .data{color:#fff}.resume-skills{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-right:auto}.resume-skills ul li,.resume .resume-left .resume-skills ul li{color:#000;justify-content:space-between}.resume-skills ul li .skill-name,.resume .resume-left .resume-skills ul li .skill-name{width:25%}.resume-skills ul li .skill-progress,.resume .resume-left .resume-skills ul li .skill-progress{width:60%;margin:0 5px;height:5px;background:#d3d3d3;position:relative}.resume-skills ul li .skill-per,.resume .resume-left .resume-skills ul li .skill-per{width:15%}.resume .resume-left .resume-skills ul li .skill-progress span{position:absolute;top:0;left:0;height:100%;background:#fff}.resume-skills ul li .skill-progress span{height:100%;background:#fff}.resume .resume-right{width:520px;background:#d3d3d3;padding:25px}.resume .resume-right .bold{color:#000}.resume .resume-right .resume-education ul,.resume .resume-right .resume-work ul{overflow:hidden}.resume .resume-right ul li{position:relative}.resume .resume-right ul li .date{font-size:16px;font-weight:500;margin-bottom:15px}.resume .resume-right ul li .info{margin-bottom:20px}.resume .resume-right ul li:last-child .info{margin-bottom:0}.resume .resume-right .resume-education ul li:before,.resume .resume-right .resume-work ul li:before{content:"";position:absolute;top:5px;left:-25px;width:6px;height:6px;border-radius:50%;color:#000}.resume .resume-right .resume-education ul li:after,.resume .resume-right .resume-work ul li:after{content:"";position:absolute;top:14px;left:-21px;width:2px;height:115px;border-radius:50%;border:2px solid #ff4500}.resume .resume-right .resume-hobby ul{display:flex;justify-content:space-between}.resume .resume-right .resume-hobby ul li{width:80px;height:80px;border:2px solid #ff4500;border-radius:50%;position:relative;color:orange;font-size:30px}.resume .resume-right .resume-hobby ul li:before{content:"";position:absolute;top:40px;right:-52px;width:50%;width:50px;height:2px;background:#ff4500}.resume .resume-right .resume-hobby ul li:last-child:before{display:none}.semi-bold{font-weight:700;color:brown}.profile-info{display:flex}.resume-layout{display:flex;flex-wrap:wrap;flex-direction:column}.profile-avatar{width:250px;height:250px;object-fit:contain;margin:3rem}.contact-info{display:flex;justify-content:space-around;flex-direction:column;align-items:center;margin-top:5rem}.contact-info h2{margin-bottom:2rem}.more-info{display:flex;flex-direction:column;text-align:center;margin-top:3rem}.more-info,.resume-about{background-color:orange;padding:3rem}.resume-about{width:100%}.passion-info{padding:3rem}.pie{padding:0;margin:0}
/*# sourceMappingURL=main.d9b7c696.chunk.css.map */