body{
    height: 100%;
    margin: 5%;
    outline: dotted pink; 
    background-repeat: no-repeat;
    background-image: url("./../img/citypop.jpg");
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}  
.gradtext {
    background: -webkit-linear-gradient(#05B59A, #96FFEF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

#ptext {
    background: -webkit-linear-gradient(#C3D8E5, #2BB1FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

#ptext1 {
    background: -webkit-linear-gradient(#E5380D, #64E50D);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

#ptext2 {
    background: -webkit-linear-gradient(#23BAE0, #1760E8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

header {                                                                    
	border-style: solid;                                                    
	border-width: 3px;                                                      
	border-color: #3C5B96;                                                      
    text-align: center;
}                                                                           

div {
    margin: 15%;
    padding: 10%;
    text-align: center;
}


.box {
    background: url("./../img/sp1.jpeg");
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;

	border-style: solid;                                                    
	border-width: 2px;                                                      
	border-color: white;

}
.box1 {
    background: url("./../img/sp2.jpg");
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;

	border-style: solid;                                                    
	border-width: 2px;                                                      
	border-color: white;

}
.box2 {
    background: url("./../img/sp3.jpg");
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;

	border-style: solid;                                                    
	border-width: 2px;                                                      
	border-color: white;

}
.box3 {
    background: url("./../img/sp3.jpeg");
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;

	border-style: solid;                                                    
	border-width: 2px;                                                      
	border-color: white;

}
.box4 {
    background: url("./../img/sp5.gif");
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;

	border-style: solid;                                                    
	border-width: 2px;                                                      
	border-color: white;

}