body{
    background-color: black;
    border-style: dotted;
    border-radius: 1rem;
    color: white;
    margin: 2vw;
    padding: 2rem;
    font-family: Consolas,'Courier New', Courier, monospace;
    font-size: clamp(0.4rem, 1.5vw, 2rem);
}


header img{
    width: 100%;
    border: dotted;
    color: white;
}

img{
    width: 100%;
    border-radius: 1rem;
    border: solid;
}

.intro{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    margin-top: 1rem;
    margin: 1rem;
    text-align: center;
}

.intro-text{
    border-style: solid;
    border-radius: 1rem;
    height: fit-content;
}


.intro-text p{
    text-align: justify;
    padding-left: 1rem;
    padding-right: 1rem;

}

.intro-text h3{
    margin: 0;
    padding-left: 0.5rem;
    background-color: white;
    color: black;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}


.nokia-ad img{
  width: 90%;
  display: block;
  margin-left: auto;
  margin-right: auto; 
  margin-top: 0.5rem; 
}

.nokia2780{
    margin-top: 1rem;
    border: dotted;
    border-radius: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    padding-bottom: 0;
}

.nokia-pics{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
    text-align: center;
    place-items: center;
}

.nokia2780 h3{
    background-color: white;
    color: black;
    border-radius: 3rem;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    margin: 0;
    width: fit-content;
    font-size: clamp(0.4rem, 3vw, 3rem);
}

.conclusion{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 1rem;
}

.conclusion p{
    margin-top: 0;

}

.pros-cons{
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 1rem;
   height: fit-content;
   width: fit-content;
   justify-content: center;
}

.pros, .cons{
    border: solid;
    border-radius: 1rem;
    text-align: center;
}


.pros ul, .cons ul{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    list-style-position: inside; 
}

.pros-cons h4{
    margin: 0;
    text-align: center;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    background-color: white;
    color: black;
}

.nokia2780 p, .kyocera902kc p{
    border: solid;
    border-radius: 1rem;
    padding: 1rem;
    text-align: justify;
}

.kyocera902kc{
    border: dotted;
    padding: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0;
    border-radius: 1rem;
    margin-bottom: 1rem;
}

.kyocera-pics{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
    place-items: center;
    
}


.kyocera902kc h3{
    background-color: white;
    color: black;
    border-radius: 3rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: auto;
    margin-bottom: 0;
    margin-top: 0;
    width: fit-content;
    font-size: clamp(0.4rem, 3vw, 3rem);   
}

.links{
    display: grid;
    color: white;
    border: solid;
    border-radius: 1rem;
    width: fit-content;
    padding-bottom: 1rem;
}

.links h3{
    background-color: white;
    color: black;
    padding-left: 2rem;
    padding-right: 2rem;
    margin: 0;
    margin-bottom: 1rem;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    font-size: clamp(0.4rem, 3vw, 3rem);   
}

.links a{
    color: white;
    padding-left: 1rem;
}

.link-chunk{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    place-items: center;
}

.link-chunk a{
    color: white;
    transition: 0.3s;
}

.link-chunk a:hover{
    transition: 0.3s;
    font-size: 1.6vw;
}


.luvstar{
    width: fit-content;
    text-align: center;
    border: dotted;
    border-radius: 1rem;
    padding: 1rem;
    width: 20vw;
    transition: 0.3s;
}

.luvstar:hover{
    width: 21vw;
    transition: 0.3s;
}

.luvstar img{
    border: none;
}