:root{--primary-color: #0275d8;--dark-color: #333333;--light-color: #f4f4f4;--danger-color: #d9534f;--success-color: #5cb85c;--warning-color: #f0ad4e;--active: #704FE6;--active2: #785DD7;--white: white;--shadow: rgba(0, 0, 0, .24) 0px 3px 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;font-size:1rem;line-height:1.6;background-color:var(--light-color);color:--dark-color;height:100vh}.container{margin:0 auto;overflow:hidden;display:flex;flex-direction:column;min-height:100%}main{flex:1 1 auto}.wrapper{width:1200px;padding:0 2rem;margin:0 auto}ul{list-style-type:none}.invalid_text{color:red;font-size:12px}@media screen and (min-width:769px)and (max-width:1024px){.links .links-item{flex:0 0 22%;width:10em;margin-bottom:15px}}@media screen and (min-width:481px)and (max-width:768px){*{margin:0}.content-wrapper{max-width:768px;width:95%;padding:10px}.title{font-size:18px}.item-text{font-size:16px}.links{flex-wrap:wrap;gap:0}.links .links-item{flex:0 0 22%;width:10em;margin-bottom:15px}.add-section{padding:0 0 20px}.add-section .add-wrapper{align-items:end}.add-section .add-wrapper .add-img{flex:0 0 40%;height:30%}.add-section .add-wrapper .add-img img{width:90%;bottom:-20px;left:0}.add-section .add-wrapper .add-list{flex-direction:column;flex:0 0 50%;gap:15px}.add-section .add-wrapper .add-list .add-item .add-icon{flex:0 0 15px}.add-section .add-wrapper .add-list .add-item .add-icon img{width:25px;top:-12px;left:-2px}.add-section .add-wrapper .add-list .add-item .add-text h4{font-size:12px}.add-section .add-wrapper .add-list .add-item .add-text p{font-size:12px;line-height:1.2}.java-section .java-wrapper{align-items:center}.java-section .java-wrapper .java-img{flex:0 0 40%;height:40%}.java-section .java-wrapper .java-img img{width:110%;left:0}.java-section .java-wrapper .java-list{width:50%}.footer{flex-direction:row;justify-content:space-between}.footer .footer-copy{padding-top:0;text-align:left;line-height:50px}.footer .footer-links{justify-content:space-around}.footer .footer-links .footer-link{width:50px;height:50px}}.modal-open{overflow:hidden!important;height:100vh!important}