.profile-container{border:3px solid #fff;border-radius:50%;height:150px;left:20px;overflow:hidden;position:absolute;top:20px;width:150px}.profile-picture{height:100%;object-fit:cover;width:100%}.project-image{height:auto;width:200px}.link-icon{background-color:#007bff;border-radius:4px;color:#fff;display:inline-block;font-family:Arial,sans-serif;font-size:16px;padding:8px 12px;text-decoration:none;transition:background-color .3s}.link-icon:hover{background-color:#0056b3}.text-background{background-image:url(/static/media/2.380685a777aa0ceb5183.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;left:50%;margin-left:-50vw;margin-right:-50vw;padding:50px 20px;position:relative;right:50%;text-align:center;width:100%;width:100vw}.header-text h1{color:#fff}.header-text p{color:#eee}body{font-family:Arial,sans-serif;margin:0}.container{margin:auto;max-width:1200px}.logo{width:100px}#header{background:#f5f5f5;padding:20px 0}#header nav{align-items:center;display:flex;justify-content:center}#header ul{display:flex;list-style:none;margin:0;padding:0}#header ul li{align-items:center;display:flex;margin:0 20px}#header ul li i{margin-right:8px}#header ul li a{color:#333;font-size:16px;text-decoration:none}#sidemenu{align-items:center;display:flex;justify-content:center}#header .fa-bars,#header .fa-times{cursor:pointer;display:none}.header-text{padding:50px 20px;text-align:center}.header-text h1{font-size:2.5em;margin:10px 0}.header-text p{color:#666;font-size:1.2em}.header-text span{color:tomato}#about{background-color:#f9f9f9;padding:50px 20px}.sub-title{font-size:2em;margin-bottom:20px;position:relative;text-align:center}.sub-title:after{background:tomato;content:"";display:block;height:3px;margin:10px auto;width:50px}.about-col-1{flex:1 1;padding-right:20px}.about-col-2{flex:2 1}.about-col-2 h1{color:#333;font-size:2.5em;margin-bottom:20px}.about-col-2 p{background-color:#f5f5f5;border-radius:5px;box-shadow:0 4px 8px #0000001a;color:#555;font-size:1.2em;line-height:1.6;margin-bottom:20px;padding:15px}.about-col-2 ul{list-style:none;padding:0}.about-col-2 ul li{color:#555;font-size:1.2em;line-height:1.6;margin-bottom:10px}.about-col-2 ul li span{display:inline-block;font-weight:700;width:100px}.about-col-2 ul li span#percent{color:tomato;float:right}.about-col-2 .tab-titles{display:flex;justify-content:space-around;margin-top:20px}.about-col-2 .tab-titles p{background-color:#f5f5f5;border-radius:5px;cursor:pointer;padding:10px 20px;transition:background-color .3s,color .3s}.about-col-2 .tab-titles p.active-link,.about-col-2 .tab-titles p:hover{background-color:tomato;color:#fff}.about-col-2 .tab-contents{display:none;margin-top:20px}.about-col-2 .tab-contents.active-tab{display:block}.about-col-2 .vertical-skills{list-style:none;padding:0}.about-col-2 .vertical-skills li{background-color:#f5f5f5;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px}.about-col-2 .vertical-skills li span#percent{color:tomato}.tab-titles{display:flex;justify-content:space-between;margin-top:20px}.tab-links{background-color:#f5f5f5;border:1px solid #ddd;cursor:pointer;flex:1 1;margin-right:5px;padding:10px;text-align:center;transition:background-color .3s ease,color .3s ease}.tab-links:hover{background-color:tomato;color:#fff}.tab-links:last-child{margin-right:0}.active-link{background:tomato;border:none;color:#fff}.tab-contents{display:none;margin-top:20px}.active-tab{display:block}.vertical-skills{font-size:1.1em;list-style:none;padding:0}.vertical-skills li{background-color:#f5f5f5;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px}#percent{color:tomato}.services-list{display:flex;flex-wrap:wrap;justify-content:space-between}.services-list>div{background-color:#f5f5f5;border-radius:10px;box-shadow:0 4px 8px #0000001a;flex:1 1;margin:20px;padding:20px;text-align:center;transition:transform .3s,box-shadow .3s}.services-list>div:hover{box-shadow:0 8px 16px #0003;transform:translateY(-10px)}.services-list i{color:tomato;font-size:2em;margin-bottom:10px}.services-list h2{color:#333;font-size:1.5em;margin-bottom:10px}.services-list h3{color:#666;font-size:1.2em;margin-bottom:20px}.services-list p{color:#555;font-size:1em;line-height:1.6;margin-bottom:10px}.work-list{display:flex;flex-wrap:wrap;justify-content:space-between}.work{flex:1 1;margin:20px;position:relative}.layer,.work img{width:100%}.layer{align-items:center;background:#00000080;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s}.work:hover .layer{opacity:1}.layer h3{font-size:1.5em;margin:10px 0}.layer p{padding:0 20px;text-align:center}.layer a{color:tomato;font-size:1.2em;margin-top:10px}.contact-left{flex:1 1;padding:20px}.contact-left p,.contact-right form input,.contact-right form textarea{margin-bottom:20px}.social-icons a{color:#333;font-size:1.5em;margin-right:10px}.social-icons a:hover{color:tomato}.btn{background:tomato;border-radius:5px;color:#fff;display:inline-block;padding:10px 20px;text-decoration:none}.btn2{background:#333}.contact-right{flex:1 1;padding:20px}.contact-right form input,.contact-right form textarea{border:1px solid #ddd;border-radius:5px;padding:10px;width:100%}.copyright{background:#f5f5f5;margin-top:50px;padding:20px 0;text-align:center}@media (max-width:768px){.services-list,.work-list{flex-direction:column}#header .fa-bars,#header .fa-times{display:block}#sidemenu,#sidemenu ul{flex-direction:column}#sidemenu ul{align-items:center}#sidemenu ul li{margin:20px 0}#sidemenu ul li a{color:#fff}}#services{background-color:#f9f9f9;padding:50px 20px}#services .container{margin:auto;max-width:1200px}#services .sub-title{color:#333;font-size:2.5em;margin-bottom:20px;text-align:center}#services .services-list{display:flex;flex-wrap:wrap;justify-content:space-around}#services .services-list>div{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;flex:1 1;margin:20px;padding:20px;text-align:left;transition:transform .3s,box-shadow .3s}#services .services-list>div:hover{box-shadow:0 8px 16px #0003;transform:translateY(-10px)}#services .services-list i{color:tomato;font-size:2.5em;margin-bottom:10px}#services .services-list h2{color:#333;font-size:1.8em;margin-bottom:10px}#services .services-list h3{color:#666;font-size:1.5em;margin-bottom:20px}#services .services-list p{color:#555;font-size:1.1em;line-height:1.8;margin-bottom:10px}
/*# sourceMappingURL=main.a4a98fca.css.map*/