html{scroll-behavior:smooth;height:100%;word-wrap:break-word;} body{font-family:"Source Sans Pro",sans-serif;overflow-x:hidden;height:100%;} @media (max-width:1024px){.container{max-width:none;} } .search-input:focus{border-color:rgba(255,193,7,0.6);box-shadow:0 1px 1px rgba(255,193,7,0.75) inset,0 0 8px rgba(255,193,7,0.6);outline:0 none;} .custom-input:focus{border:2px solid #105469;box-shadow:none;} h1,h2,h3,h4,h5,h6{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;} p.mod{font-size:15px;} p.small{font-size:14px;} a,a.active,a:active,a:focus,a:hover{color:#105469;} .lead{font-weight:inherit;} .upright{font-size:110%;} .rem-21{font-size:2.1rem;} .copyright{color:#ecbe13;} .thumbnail.corsi{border:1px solid #18364d;border-radius:30px;padding:20px;} .blumod{color:#074254;} .blumod > a{color:#000;} .img-prev{border:1px solid rgba(219,219,219,0);border-radius:10px;margin-bottom:10px;} .img-prev-two{margin-bottom:10px;} @media (max-width:360px){.hidden-wave{display:none;} } .sol{display:none;clear:both;width:100%;} .pip-name{color:#ecbe13 !important;font-size:280%;} @media (max-width:768px){.pip-name{font-size:160%;} } .pip-top-hero{color:#ffd558 !important;font-size:200%;} @media (max-width:768px){.pip-top-hero{font-size:160%;} } .navbar-custom{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:500;background:#18364d;border:none;} .navbar-nav .dropdown-item{background-color:#18364d;padding:1rem;} .navbar-nav .dropdown-item:hover{background-color:#192c3e !important;color:#ffd558 !important;} .navbar-brand{color:#ecbe13;} .navbar-custom .navbar-brand.active,.navbar-custom .navbar-brand:active,.navbar-custom .navbar-brand:focus,.navbar-custom .navbar-brand:hover{color:#ffd558;} .navbar-custom .navbar-nav{letter-spacing:2px;} .navbar-custom .navbar-nav li a{color:#ecbe13;} .navbar-custom li a:hover,.navbar-custom li > a.active,.navbar-custom li > a:focus{color:white;text-decoration:none;} .navbar-toggler{color:#ecbe13;text-transform:uppercase;border-color:#ecbe13;} .navbar-toggler:focus,.navbar-toggler:hover{background-color:#074254;color:#ffd141;border-color:#ffd141;} #dropdown-mydrop{background-color:transparent;} @media (max-width:320px){.navbar-brand{font-size:0.8em;} .navbar-toggler{font-size:0.9em;} #collapsableContent{font-size:0.8em;} .navbar-nav .dropdown-item{font-size:0.8em;} } @media (min-width:1025px){.navbar-nav .nav-item{padding:0.5rem;} } @media (min-width:321px) and (max-width:360px){#collapsableContent{font-size:0.9em;} } @media (min-width:360px) and (max-width:411px){.navbar-brand{font-size:0.9em;} .navbar-toggler{font-size:1em;} } @media (min-width:411px) and (max-width:992px){.navbar-brand{font-size:1.1em;} } @media (min-width:992px) and (max-width:1200px){.navbar-brand{font-size:20px;} } @media (min-width:1200px){.navbar-custom{padding:10px;} } header img{margin:0 auto 20px;display:block;} header{color:#ffffff;background:#192c3e;text-align:center;} header .container{padding-top:80px;padding-bottom:30px;} @media (min-width:992px){header .container{padding-top:110px;padding-bottom:15px;} } .hero-h1{color:#ffd141;font-size:2.2rem;} @media (max-width:421px){.hero-h1{font-size:1.5rem !important;margin-bottom:1rem;} .hero-lead{font-size:1rem !important;margin-bottom:0.5rem;} } @media (min-width:422px) and (max-width:992px){.hero-h1{font-size:1.6rem !important;margin-bottom:1rem;} .hero-lead{font-size:1.1rem !important;margin-bottom:0.5rem;} } section{padding:90px 0;} @media (max-width:992px){section{padding:50px 0;} } @media (min-width:992px) and (max-width:1024px){section{padding:80px 0;} } section.home{padding-top:20px;padding-bottom:50px;} @media (max-width:767px){section.home{padding-top:20px;padding-bottom:50px;} } .btn-search{width:100% !important;} @media (max-width:480px){.btn-search{margin-top:4px;} } .btn-pro{margin-right:8px;} @media (max-width:450px){.btn-pro{margin-right:0px;margin-bottom:8px;} } .btn-pip{color:#fff;background-color:#18364d;border-color:#18364d;font-weight:700;} .btn-pip.active,.btn-pip:active,.btn-pip:focus,.btn-pip:hover,.open .dropdown-toggle.btn-pip{color:#fff;background-color:#074254;border-color:#161f29;} .btn-pip.active,.btn-pip:active,.open .dropdown-toggle.btn-pip{background-image:none;} .btn-pip2{color:#fff;background-color:#074254;border-color:#18364d;font-weight:700;} .btn-pip2.active,.btn-pip2:active,.btn-pip2:focus,.btn-pip2:hover,.open .dropdown-toggle.btn-pip2{color:#fff;background-color:#18364d;border-color:#161f29;} .btn-pip2.active,.btn-pip2:active,.open .dropdown-toggle.btn-pip2{background-image:none;} footer h4{font-size:1.4rem;margin-bottom:15px;color:#ecbe13;} footer a,a:focus,a:active{color:white;} footer a:hover{color:#ffd558;} footer .footer-above{padding-top:20px;background-color:#18364d;} footer .footer-below{padding:15px 0;background-color:#074254;} .video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;border-radius:calc(0.3rem - 1px);} .video-container embed,.video-container iframe,.video-container object{position:absolute;top:0;left:0;width:100%;height:100%;} .blog-post-title > a{font-weight:bold;color:black;} .blog-post-title > a:hover{text-decoration:none;color:#074254;} .blog-post-preview{margin-bottom:35px;} .blog-active-page-btn{color:#ffd141;background-color:#105469;} @media (min-width:768px){.blog-post-img-prev{padding-bottom:0px;margin-bottom:0px;} .blog-post-preview{margin-bottom:20px;} } @media (max-width:768px){.pro-h1{font-size:1.8rem;} .pro-h2{font-size:1.7rem;} } .sticky-top{top:90px;} .collapsible{background-color:#f5f5f6;color:#074254;cursor:pointer;padding:18px;width:100%;border:1px solid #c0cedb;text-align:left;outline:none;font-size:20px;} .active,.collapsible:hover{background-color:#f1f1f1;} .collapsible:after{content:"\002B";color:#dc3545;font-weight:bold;float:left;margin-left:10px;} .collapsible-green:after{content:"\002B";color:#5cb85c;font-weight:bold;float:left;margin-left:10px;} .collapsible-green.active:after{content:"\2212";} .content{max-height:0;overflow:hidden;transition:max-height 0.2s ease-out;background-color:#ffffff;margin-bottom:5px;font-size:120%;border-left:1px solid #c0cedb;border-right:1px solid #c0cedb;border-bottom:1px solid #c0cedb;} .content > ol{margin-top:10px;margin-right:20px;margin-left:20px;} .course-curriculum-li-span{float:right;margin-right:30px;} ol > li{line-height:1.5;} ol > li:before{content:"\f144";font-family:FontAwesome;color:#c0cedb;margin-right:5px;margin-left:10px;} .hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;} .hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.03);transform:scale(1.03);opacity:0.9;} .title-h1{font-weight:bold;font-size:1.7rem;margin-top:20px;} .card-img{width:100%;border-radius:calc(0.25rem - 1px);} .newsletter{border:1px solid rgba(0,0,0,0.125);box-shadow:1px 1px rgba(0,0,0,0.125);border-radius:calc(0.3rem - 1px);} .body-dark-mode{background-color:#22272e !important;color:white !important;} .body-dark-mode-landing{background-color:#22272e !important;} .newsletter-dark-mode{border:1px solid rgba(255,255,255,0.125);box-shadow:2px 2px rgba(255,255,255,0.125);border-radius:calc(0.3rem - 1px);} .links-dark-mode{color:#ffd558 !important;} .separators-dark-mode{border-color:#ffd558 !important;} .text-dark-mode{color:#e5e7eb !important;} .links-dark-mode-two{color:#e5e7eb;} .links-dark-mode-two:hover{color:#ffd558 !important;} .card-darkness{background-color:#3a3a3a !important;} .card-darkness > a{color:#ffd558 !important;} .card-darkness > p{color:white !important;} .dark-li{color:#6c757d !important;} .list-group-item,.list-group-item:hover{color:black !important;} .list-group-item.active{color:white !important;} .no-border{border:none !important;} figure{margin:0 0 30px;position:relative;} @media (min-width:768px){figure{margin:0 0 50px;} } figcaption{background-color:rgba(52,52,87,0.8);bottom:0;color:white;font-family:"Lato",sans-serif;font-size:16px;font-weight:300;left:0;padding:10px;position:absolute;width:75%;} figure img{display:block;width:100%;height:auto;} blockquote{border-left:5px solid #d4566b;margin:0 0 50px;} blockquote p{font-size:30px;margin:0 0 10px;} blockquote footer::before{display:none;} blockquote footer p{font-size:1.5em;font-style:italic;} .full-width{margin:0 auto 0;display:block;max-width:100%;height:auto;} body{scrollbar-width:thin;background-color:#111827;} .cta-modern-box{background-color:#1f2937;border:1px solid rgba(255,255,255,0.1);border-radius:1rem;padding:1.25rem;box-shadow:0 10px 15px -3px rgba(0,0,0,0.4);transition:all 0.3s ease;} .cta-modern-box:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.5);} .cta-headline{background:linear-gradient(to right,#ECBE13,#FFD558);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;font-weight:800;letter-spacing:-0.01em;margin-bottom:0.5rem;} .cta-subheadline{color:#9ca3af;font-size:0.9rem;line-height:1.4;margin-bottom:1rem;} .cta-gradient-btn{background:#ECBE13;color:#18364d !important;font-weight:700;border:none;border-radius:0.5rem;padding:0.6rem 1.25rem;text-transform:uppercase;letter-spacing:0.05em;font-size:0.85rem;transition:all 0.2s ease;} .cta-gradient-btn:hover{background:#FFD558;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.2);text-decoration:none !important;}::-webkit-scrollbar{width:12px;background-color:#111827;}::-webkit-scrollbar-thumb{background-color:#18364d;border-radius:10px;}::-moz-scrollbar{width:12px;background-color:#111827;}::-moz-scrollbar-thumb{background-color:#18364d;border-radius:10px;} .dark-rounded-block{background-color:#22272e;padding:15px;border-radius:10px;margin-bottom:20px;} .blue-rounded-block{background:#18364d;padding:20px;border-radius:10px;} .title_one{color:#e5e7eb !important;} .excercise-body{color:#d1d5db !important;} .title_two{color:#ffd558 !important;} #terminal{position:fixed;bottom:0;right:0;left:0;width:100vw;height:50px;background-color:#111827;color:#fff;font-family:monospace;font-size:14px;padding:10px;padding-bottom:0 !important;overflow:scroll;transition:height 0.5s ease;z-index:9999;} @media only screen and (max-width:768px){#terminal{height:70px;} } #buttons{position:absolute;top:0;right:10px;} #buttons button{background-color:transparent;border:none;color:white !important;cursor:pointer;font-size:20px;margin-left:10px;padding-top:0px !important;} #buttons button:hover{color:#ecbe13 !important;} pyprez-editor{width:1270px !important;} .greetings{font-weight:bold;color:white !important;margin-bottom:10px;cursor:pointer;} .greetings:hover{color:#ecbe13 !important;} .greetings a{text-decoration:underline;} .btn-fluo{background-color:#ff2e63 !important;border:none !important;box-shadow:0 0 15px rgba(255,46,99,0.4);font-weight:700 !important;transition:all 0.3s ease !important;color:white !important;letter-spacing:0.8px;text-shadow:0 1px 2px rgba(0,0,0,0.2);} .btn-fluo:hover{background-color:#ff4d79 !important;box-shadow:0 0 25px rgba(255,46,99,0.7);transform:translateY(-2px);color:white !important;}