body{background-color:#232020;overflow-x:hidden}.container1{margin:50px auto;padding:10px;max-width:90%;width:310px;color:#f5f5f5}@media screen and (min-width: 768px){.container1{margin-left:auto;margin-right:auto;max-width:400px}}@media screen and (min-width: 1024px){.container1{margin-left:320px;max-width:310px}}.container1 h1{margin:0;font-family:Cascadia Code,Google Sans Code;font-size:40px}.container1 p{font-family:Calibri,Poppins;font-weight:700}.container1 .hello{display:flex;justify-content:space-around;margin:0;padding-top:20px}.linkedin-icon,.mail-icon,.github-icon,.phone-icon{color:#f5f5f5;transition:color .3s ease-in-out,transform .3s}.linkedin-icon:hover,.mail-icon:hover,.github-icon:hover{transform:scale(1.1)}.phone-number{font-family:Calibri,Poppins;font-size:small}.container2{margin-top:20px;margin-left:10%;color:#f5f5f5;padding:10px}.container2 h2{margin-left:68px;font-family:Cascadia Code,Google Sans Code}.container2 .image-grid{padding-top:25px;display:flex;gap:23px;flex-wrap:wrap;justify-content:flex-start}.container2 .image-grid .image-box{height:385px;width:231px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:5%;transition:transform .3s ease-in-out;cursor:pointer}@media screen and (max-width: 600px){.container2{margin-left:5%;padding:5px}.container2 .image-grid{justify-content:center;gap:30px}.container2 .image-grid .image-box{height:385px;width:231px}}@media screen and (min-width: 600px) and (max-width: 1024px){.container2{margin-left:7%}.container2 .image-grid{justify-content:space-evenly}.container2 .image-grid .image-box{height:385px;width:231px}}@media screen and (min-width: 1024px){.container2{margin-left:252px}.container2 .image-grid{justify-content:flex-start}.container2 .image-grid .image-box{width:231px;height:385px}}.text-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#232020;color:#f5f5f5;padding:10px 20px;border-radius:5px;transition:.3s ease-out;font-family:Calibri,Poppins;font-size:small}.container3{margin-left:320px;margin-top:90px}.container3 .h2{font-family:Cascadia Code,Google Sans Code;color:#f5f5f5}.container3 ul{display:inline-block;gap:30px}.container3 li{line-height:37px;color:#f5f5f5;font-family:Calibri,Poppins}@media (max-width: 1024px){.container3{margin-left:200px;margin-top:60px}}@media (max-width: 768px){.container3{margin-left:50px;margin-top:40px}.container3 ul{display:flex;flex-direction:column;gap:15px}}@media (max-width: 480px){.container3{margin-left:20px;margin-top:30px}.container3 ul{gap:10px}.container3 li{line-height:30px}}.container4{margin-left:320px;margin-top:90px}.container4 h2{font-family:Cascadia Code,Google Sans Code;color:#f5f5f5}.container4 ul{display:inline-block;gap:30px;padding-bottom:60px}.container4 li{line-height:37px;color:#f5f5f5;font-family:Calibri,Poppins}.container4 p{font-family:Calibri,Poppins;color:#f5f5f5}.container4 .p1{padding-top:20px;padding-bottom:15px}@media (max-width: 1024px){.container4{margin-left:200px;margin-top:60px}}@media (max-width: 768px){.container4{margin-left:50px;margin-top:40px}.container4 ul{display:flex;flex-direction:column;gap:15px}}@media (max-width: 480px){.container4{margin-left:20px;margin-top:30px}.container4 ul{gap:10px}.container4 li{line-height:30px}.container4 .p1{padding-top:15px;padding-bottom:10px}}.quiz-container1{margin-top:50px;margin-left:320px;padding:10px;color:#f5f5f5;max-width:700px}.quiz-container1 h1{font-family:Cascadia Code,Google Sans Code}.quiz-container1 ul{padding-top:60px}.quiz-container1 li{font-weight:700;font-family:Calibri,Poppins;line-height:45px}.quiz-container1 p{font-family:Calibri,Poppins;padding-top:40px}@media (max-width: 1024px){.quiz-container1{margin-left:10%;max-width:80%}}@media (max-width: 768px){.quiz-container1{margin-left:5%;max-width:90%}.quiz-container1 ul{padding-top:30px}.quiz-container1 li{line-height:35px}.quiz-container1 p{padding-top:20px}}@media (max-width: 480px){.quiz-container1{margin-left:4%;max-width:95%;padding:5px;text-align:center}.quiz-container1 ul{padding-top:20px}.quiz-container1 li{line-height:30px}.quiz-container1 p{padding-top:15px}}